.page{color:#e5e5e5;font-family:system-ui,-apple-system,sans-serif}.page,.page-center{min-height:100vh;background:#0a0a0a}.page-center{display:flex;align-items:center;justify-content:center;font-family:system-ui}.loading-text{color:#525252}.main{padding:24px}.header{padding:16px 24px;border-bottom:1px solid #1a1a1a;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background:#0a0a0a;z-index:100}.header,.header-left{display:flex;align-items:center}.header-left{gap:24px}.header-right{gap:12px}.header-right,.logo{display:flex;align-items:center}.logo{font-size:18px;font-weight:700;color:#f5f5f5;gap:8px;margin:0}.logo-icon{background:linear-gradient(135deg,#467010,#3a5c0d);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.logo-icon-lg{width:32px;height:32px;font-size:16px}.nav{display:flex;gap:4px}.nav-tab{padding:8px 16px;background:transparent;border:none;border-radius:6px;color:#737373;font-size:13px;font-weight:500;cursor:pointer;text-transform:capitalize}.nav-tab:hover{color:#a3a3a3}.nav-tab-active{background:#1a1a1a;color:#f5f5f5}.card{background:#141414;border:1px solid #1a1a1a;border-radius:8px;padding:16px}.card-lg{padding:24px}.card-clickable{cursor:pointer;transition:border-color .15s}.card-clickable:hover{border-color:#333}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block}.badge-blue{background:#1e3a5f;color:#60a5fa}.badge-green{background:#1c4532;color:#4ade80}.badge-red{background:#4a1c1c;color:#f87171}.badge-purple{background:#3b1c3f;color:#c084fc}.badge-gray{background:#262626;color:#737373}.badge-green-sm{padding:2px 6px;background:#1c4532;border-radius:4px;font-size:10px;color:#4ade80}.btn-primary{padding:8px 16px;background:linear-gradient(135deg,#467010,#3a5c0d);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-primary:hover{opacity:.9}.btn-primary-lg{padding:12px;background:linear-gradient(135deg,#467010,#3a5c0d);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.btn-secondary{padding:8px 16px;background:#1a1a1a;border:1px solid #262626;border-radius:6px;color:#a3a3a3;font-size:13px;font-weight:500;cursor:pointer}.btn-secondary:hover{border-color:#333}.btn-ghost{padding:8px 16px;background:transparent;border:1px solid #262626;border-radius:6px;color:#737373;font-size:13px;cursor:pointer}.btn-ghost:hover{border-color:#404040;color:#a3a3a3}.btn-cancel{background:transparent;border:1px solid #262626;border-radius:6px;color:#737373;font-weight:500}.btn-cancel,.btn-save{flex:1 1;padding:12px;font-size:14px;cursor:pointer}.btn-save{background:linear-gradient(135deg,#467010,#3a5c0d);border:none;border-radius:6px;color:#fff;font-weight:600}.btn-sm{padding:4px 8px;background:transparent;border:1px solid #262626;border-radius:4px;color:#737373;font-size:11px;cursor:pointer}.btn-sm:hover{border-color:#404040}.btn-sm-danger{padding:4px 8px;background:transparent;border:1px solid #262626;border-radius:4px;color:#ef4444;font-size:11px;cursor:pointer}.btn-sm-edit{color:#737373}.btn-sm-delete,.btn-sm-edit{padding:6px 12px;background:transparent;border:1px solid #262626;border-radius:4px;font-size:12px;cursor:pointer}.btn-sm-delete{color:#ef4444}.btn-won{padding:4px 8px;background:#1c4532;border:none;border-radius:4px;color:#4ade80;font-size:11px;cursor:pointer}.btn-won:hover{opacity:.8}.btn-won-md{padding:6px 12px;background:#1c4532;color:#4ade80;font-size:12px;font-weight:500}.btn-lost,.btn-won-md{border:none;border-radius:4px;cursor:pointer}.btn-lost{padding:4px 8px;background:#4a1c1c;color:#f87171;font-size:11px}.btn-lost:hover{opacity:.8}.btn-lost-md{background:#4a1c1c;border:none;border-radius:4px;color:#f87171;font-weight:500}.btn-back,.btn-lost-md{padding:6px 12px;font-size:12px;cursor:pointer}.btn-back{background:transparent;border:1px solid #262626;border-radius:4px;color:#737373;margin-bottom:16px}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-saving{opacity:.7}.input{background:#0a0a0a}.input,.input-alt{width:100%;padding:10px 12px;border:1px solid #262626;border-radius:6px;color:#e5e5e5;font-size:14px;box-sizing:border-box}.input-alt{background:#141414}.label{display:block;font-size:12px;color:#737373;margin-bottom:6px}.select-filter{padding:6px 10px;background:#141414;border:1px solid #262626;border-radius:4px;color:#a3a3a3;font-size:12px}.input-date-header,.input-header,.select-header{padding:8px 12px;background:#141414;border:1px solid #262626;border-radius:6px;color:#e5e5e5;font-size:13px}.input-date-header{width:130px}.search-input{padding:8px 12px;background:#141414;border:1px solid #262626;border-radius:6px;color:#e5e5e5;font-size:13px;width:200px}.textarea{resize:vertical}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#141414;border:1px solid #262626;border-radius:12px;padding:24px;width:100%;max-height:90vh;overflow:auto}.modal-sm{max-width:400px}.modal-md{max-width:480px}.modal-lg{max-width:540px}.modal-title{font-size:18px;font-weight:600;color:#f5f5f5;margin-bottom:20px;margin-top:0}.modal-actions{display:flex;gap:12px;margin-top:24px}.error-banner{position:fixed;top:16px;right:16px;background:#7f1d1d;border:1px solid #dc2626;border-radius:8px;padding:12px 16px;color:#fecaca;font-size:13px;z-index:1001;display:flex;align-items:center;gap:12px}.error-close{background:none;border:none;color:#fecaca;cursor:pointer}.auth-form{background:#141414;border:1px solid #262626;border-radius:12px;padding:32px;width:100%;max-width:360px}.auth-logo{display:flex;align-items:center;gap:8px;margin-bottom:24px;justify-content:center}.auth-logo-text{font-size:20px;font-weight:700;color:#f5f5f5}.auth-error{background:#7f1d1d;border:1px solid #dc2626;border-radius:6px;padding:8px 12px;color:#fecaca;font-size:13px}.auth-error,.auth-field{margin-bottom:16px}.auth-field-last{margin-bottom:24px}.auth-submit{width:100%;padding:12px;background:linear-gradient(135deg,#467010,#3a5c0d);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.suggestions{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #262626;border-radius:6px;margin-top:4px;z-index:10;max-height:200px;overflow:auto}.suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #262626}.suggestion-item:hover{background:#262626}.suggestion-name{font-size:14px;color:#f5f5f5}.suggestion-detail{font-size:12px;color:#737373}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-bottom:24px}.stat-card{background:#141414;border:1px solid #1a1a1a;border-radius:8px;padding:16px;cursor:pointer;transition:border-color .15s}.stat-card:hover{border-color:#333}.stat-label{font-size:11px;color:#525252;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:24px;font-weight:700;font-family:monospace}.form-section{background:#0a0a0a;border:1px solid #1a1a1a;border-radius:8px;padding:16px;margin-bottom:20px}.form-section-label{font-size:12px;color:#737373;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.form-grid{display:grid;grid-gap:16px;gap:16px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-2,.form-grid-inner{display:grid;grid-gap:12px;gap:12px}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-gap-8{display:flex;gap:8px}.flex-gap-12{display:flex;gap:12px}.flex-gap-16{display:flex;gap:16px}.flex-gap-24{display:flex;gap:24px}.flex-wrap{flex-wrap:wrap}.grid-gap-8{display:grid;grid-gap:8px;gap:8px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-20{margin-top:20px}.text-muted{color:#525252}.text-secondary{color:#737373}.text-light{color:#a3a3a3}.text-white{color:#f5f5f5}.text-link{color:#60a5fa;cursor:pointer}.text-link:hover{text-decoration:underline}.text-danger{color:#ef4444}.text-orange{color:#f97316}.text-success-sm{font-size:11px;color:#4ade80}.font-mono{font-family:monospace}.font-bold{font-weight:600}.empty-state{padding:48px}.empty-state,.empty-state-sm{text-align:center;color:#525252}.empty-state-sm{padding:24px;font-size:13px}.section-header{font-size:14px;font-weight:600;color:#a3a3a3;margin:0}.linked-indicator{font-size:11px;color:#4ade80}.opportunity-hint{color:#4ade80;font-size:10px}.calendar-container{background:#141414;border:1px solid #1a1a1a;border-radius:8px;overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #1a1a1a}.calendar-day-header{padding:8px;text-align:center;font-size:11px;color:#525252;text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-cell{min-height:100px;border-bottom:1px solid #1a1a1a;padding:4px}.calendar-cell-border{border-right:1px solid #1a1a1a}.calendar-cell-today{background:#1a1a1a}.calendar-date{font-size:12px;color:#525252;margin-bottom:4px;padding:2px 4px}.calendar-date-today{color:#f5f5f5}.calendar-events{display:flex;flex-direction:column;gap:2px}.calendar-event{padding:2px 4px;border-radius:3px;font-size:9px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-normal{background:#1c3d1c;color:#4ade80}.calendar-event-followup{background:#4a1c1c;color:#f87171}.calendar-more{font-size:9px;color:#525252;padding:2px 4px}.opp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.opp-summary-card{background:#141414;border:1px solid #1a1a1a;border-radius:8px;padding:16px;cursor:pointer}.opp-summary-card-active{border-color:currentColor}.customer-detail-header{display:flex;justify-content:space-between;align-items:flex-start}.customer-name{font-size:24px;font-weight:700;color:#f5f5f5;margin-bottom:8px;margin-top:0}.customer-contact{font-size:14px;color:#737373;margin-bottom:16px}.customer-meta{display:flex;gap:24px;font-size:13px;color:#a3a3a3}.call-notes{font-size:13px;color:#d4d4d4;line-height:1.5;margin-bottom:8px;margin-top:0}.call-meta{display:flex;gap:16px;font-size:12px;color:#525252}.call-value{color:#f97316;font-weight:500}.call-date{font-size:12px;color:#525252;font-family:monospace}.call-author{margin-top:4px;font-size:11px;color:#404040}.customer-card-grid{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:center}.pos-relative{position:relative}.modal-close{background:none;border:none;color:#737373;font-size:18px;cursor:pointer}.call-detail-notes{font-size:14px;color:#d4d4d4;line-height:1.6;margin:0 0 16px}.date-separator{color:#525252}.task-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:20px}.badge-orange{background:#431407;color:#f97316}.btn-complete{padding:6px 12px;background:linear-gradient(135deg,#467010,#3a5c0d);border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.btn-complete:hover{opacity:.9}.bottom-bar,.mobile-search-overlay{display:none}.mobile-search-overlay-hidden{display:none!important}@media (max-width:1024px){.main{padding:16px 16px 80px}.header-right .btn-primary,.header-right .date-separator,.header-right .input-date-header,.header-right .search-input,.header-right .select-header,.nav{display:none}.header{padding:12px 16px}.stats-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-bottom:16px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.stats-grid::-webkit-scrollbar{display:none}.stat-card{min-width:160px;flex-shrink:0;scroll-snap-align:center}.stat-card-active{border-color:#467010;border-width:2px}.bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0a0a0a;border-top:1px solid #1a1a1a;padding:8px 16px max(8px,env(safe-area-inset-bottom));gap:8px;z-index:100;align-items:center;justify-content:center}.bottom-bar-btn{flex:1 1;padding:10px 12px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;text-align:center;max-width:160px}.bottom-bar-btn-primary{background:linear-gradient(135deg,#467010,#3a5c0d);color:#fff}.bottom-bar-btn-search,.bottom-bar-btn-secondary{background:#1a1a1a;border:1px solid #262626;color:#a3a3a3}.mobile-search-overlay{display:flex;position:fixed;top:0;left:0;right:0;background:#0a0a0a;border-bottom:1px solid #1a1a1a;padding:12px 16px;gap:12px;z-index:200;align-items:center}.mobile-search-overlay .search-input{display:block;flex:1 1;width:auto;font-size:16px;padding:10px 14px}.mobile-search-close{background:none;border:none;color:#737373;font-size:20px;cursor:pointer;padding:8px}.opp-summary-grid,.task-summary-grid{gap:8px}.calendar-cell{min-height:80px}.calendar-event{font-size:8px}.customer-detail-header{flex-direction:column;gap:12px}.customer-meta{flex-wrap:wrap;gap:12px}}@media (max-width:768px){.main{padding:12px 12px 80px}.header{padding:10px 12px}.header-left{gap:12px}.logo{font-size:16px}.logo-icon{width:24px;height:24px;font-size:12px}.stat-card{min-width:calc(100vw - 48px)}.stat-value{font-size:28px}.stat-label{font-size:12px;margin-bottom:6px}.modal-overlay{align-items:stretch}.modal{border-radius:0;max-height:100%;height:100%;border:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal,.modal-lg,.modal-md,.modal-sm{max-width:100%}.modal-title{font-size:16px;margin-bottom:16px}.form-grid-2{grid-template-columns:1fr}.form-section{padding:12px;margin-bottom:16px}.card{padding:12px}.card-lg{padding:16px}.customer-card-grid{grid-template-columns:1fr;gap:8px}.flex-between{flex-wrap:wrap;gap:8px}.customer-name{font-size:20px}.opp-summary-grid,.task-summary-grid{grid-template-columns:1fr}.calendar-cell{min-height:60px;padding:2px}.calendar-date{font-size:10px}.calendar-event{font-size:7px;padding:1px 2px}.calendar-day-header{font-size:10px;padding:6px 2px}.error-banner{left:12px;right:12px;top:auto;bottom:72px}.empty-state{padding:32px 16px;font-size:14px}.auth-form{max-width:100%;border-radius:0;border:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.bottom-bar{padding:8px 12px max(8px,env(safe-area-inset-bottom))}.bottom-bar-btn{font-size:12px;padding:10px 8px}}