:root{--primary-bg:#000;--secondary-bg:#0a0a0a;--tertiary-bg:#111;--quaternary-bg:#1a1a1a;--accent-bg:gold;--accent-bg-light:#ffd7001a;--hover-bg:#1f1f1f;--info-bg:#3b82f61a;--primary-text:#fff;--secondary-text:gold;--muted-text:#ccc;--faded-text:#888;--accent-text:#d4af37;--info-text:#3b82f6;--border-color:#222;--border-light:#333;--border-accent:gold;--rsvp-accepted:#10b981;--rsvp-pending:#f59e0b;--rsvp-declined:#ef4444;--success-color:#28a745;--success-bg:#1e3a28;--warning-color:#ffc107;--warning-bg:#3a3a1e;--error-color:#dc3545;--error-bg:#3a1e1e;--accent-color:#d4af37;--accent-hover:#b8941e;--disabled-bg:#333;--disabled-text:#666;--button-primary:#d4af37;--button-primary-hover:#b8941e;--button-secondary:#333;--button-secondary-hover:#444;--calendar-header:#111;--calendar-cell:#1a1a1a;--calendar-cell-hover:#222;--calendar-today:#d4af37;--header-height:60px;--sidebar-width:200px;--border-radius:4px;--box-shadow:0 2px 8px #0000004d}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--primary-bg);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.4}body,h1,h2,h3,h4,h5,h6{color:#fff;color:var(--primary-text)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.5rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}p{color:#ccc;color:var(--muted-text);margin-bottom:1rem}strong{color:#fff;color:var(--primary-text);font-weight:600}.text-accent{color:gold;color:var(--secondary-text)}.text-muted{color:#ccc;color:var(--muted-text)}.text-faded{color:#888;color:var(--faded-text)}.app{background-color:#000;background-color:var(--primary-bg);display:flex;flex-direction:column;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.header{align-items:center;background-color:#0a0a0a;background-color:var(--secondary-bg);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);display:flex;gap:2rem;height:60px;height:var(--header-height);justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-logo{color:var(--secondary-text);font-size:1.5rem;text-decoration:none}.header-nav button{background:none;border:none;color:#ccc;color:var(--muted-text);cursor:pointer;font-size:inherit;font-weight:500;padding:.5rem 1rem;transition:color .2s ease}.header-nav button.active,.header-nav button:hover{color:gold;color:var(--secondary-text)}.header-actions{align-items:center;display:flex;gap:1rem}.user-info{align-items:center;background-color:#111;background-color:var(--tertiary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);gap:.75rem;padding:.5rem .75rem}.user-avatar{background-color:#d4af37;background-color:var(--accent-color);color:#000;color:var(--primary-bg)}.main-content{background-color:#000;background-color:var(--primary-bg);display:flex;flex:1 1;overflow:hidden}.sidebar{background-color:#0a0a0a;background-color:var(--secondary-bg);border-right:1px solid #222;border-right:1px solid var(--border-color);overflow-y:auto;padding:1rem;width:200px;width:var(--sidebar-width)}.content-area{flex:1 1;overflow:visible;padding:1rem}.btn{align-items:center;border:none;border-radius:4px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.625rem;font-weight:500;gap:.25rem;justify-content:center;min-height:24px;padding:.125rem .5rem;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#d4af37;background-color:var(--button-primary);color:#000;color:var(--primary-bg)}.btn-primary:hover:not(:disabled){background-color:#b8941e;background-color:var(--button-primary-hover)}.btn-secondary{background-color:#333;background-color:var(--button-secondary);border:1px solid #222;border:1px solid var(--border-color);color:#fff;color:var(--primary-text)}.btn-secondary:hover:not(:disabled){background-color:#444;background-color:var(--button-secondary-hover);border-color:#333;border-color:var(--border-light)}.btn-ghost{background-color:initial;border:1px solid #0000;color:#ccc;color:var(--muted-text)}.btn-ghost:hover:not(:disabled){background-color:#1f1f1f;background-color:var(--hover-bg);color:#fff;color:var(--primary-text)}.btn-sm{font-size:.5rem;min-height:20px;padding:.0625rem .375rem}.btn-lg{font-size:1rem;min-height:44px;padding:.75rem 1.5rem}.app-container{background:#1a1a1a;color:#fff;display:grid;grid-template-rows:auto auto 1fr;min-height:100vh;overflow:visible}.app-header{background:#1a1a1a;border-bottom:1px solid #404040;height:60px;justify-content:space-between;padding:0 2rem}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.header-icon{color:gold;height:24px;width:24px}.header-logo{color:gold;font-size:18px;font-weight:700;margin:0}.header-nav{gap:1rem;margin-left:1rem}.nav-link{background:none;border:none;cursor:pointer;padding:1rem 1.5rem}.nav-link:hover{background:#ffffff0d;border:1px solid #ffd70033}.nav-link.active{border:1px solid #ffd7004d;font-weight:700}.nav-link.active:after{left:0;right:0}.nav-link.no-underline:after{display:none!important}.nav-link.no-underline{border-bottom:none!important;text-decoration:none!important}.user-menu{position:relative}.user-button{border-radius:6px;gap:.5rem}.user-button:hover{background:#2d2d2d}.dropdown-menu{border-radius:6px;min-width:200px}.dropdown-menu button{font-size:14px}.control-bar{background:#2d2d2d;border-bottom:1px solid #404040;gap:1rem;height:32px;justify-content:space-between;padding:.125rem 1.5rem}.control-bar,.week-navigation{align-items:center;display:flex}.week-navigation{gap:.25rem}.nav-btn{align-items:center;background:none;border:1px solid #404040;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-btn:hover{background:#404040;border-color:gold}.week-display{background:gold;border-radius:3px;color:#1a1a1a;font-size:.625rem;font-weight:600;min-width:100px;padding:.125rem .5rem;text-align:center}.control-filters{align-items:center;display:flex;gap:.5rem}.filter-dropdown{position:relative}.filter-btn{align-items:center;background:none;border:1px solid #404040;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.filter-btn:hover{background:#404040;border-color:gold}.filters-menu{padding:1rem;width:250px}.filter-section{margin-bottom:1rem}.filter-section:last-child{margin-bottom:0}.filter-section label{color:#ccc;display:block;font-size:12px;font-weight:600;margin-bottom:.5rem}.filter-section select{color:#fff;font-size:14px;padding:.5rem;width:100%}.filter-section select,.search-container{background:#1a1a1a;border:1px solid #404040;border-radius:4px}.search-container{align-items:center;display:flex;gap:.5rem;min-width:300px;padding:.5rem .75rem}.search-icon{color:#6c757d;height:16px;width:16px}.search-input{background:none;font-size:14px}.search-input::placeholder{color:#6c757d}.main-content{overflow:visible;position:relative}.error-state,.loading-state{align-items:center;color:#6c757d;display:flex;font-size:16px;height:100%;justify-content:center}.error-state{color:#dc3545}@media (max-width:1024px){.control-bar{flex-wrap:wrap;gap:.5rem;height:auto;padding:.25rem}.search-container{min-width:250px}}@media (max-width:768px){.app-header{padding:0 1rem}.header-nav{gap:1rem}.control-bar{gap:.5rem;padding:.125rem}.search-container{min-width:200px}.week-display{font-size:10px;min-width:90px}}.calendar-container{background:#000;background:var(--primary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow:hidden}.calendar-header{border-bottom:2px solid #222;border-bottom:2px solid var(--border-color);display:grid;grid-template-columns:200px repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:10}.calendar-header,.calendar-header-cell{background:#0a0a0a;background:var(--secondary-bg)}.calendar-header-cell{align-items:center;border-right:1px solid #222;border-right:1px solid var(--border-color);color:#fff;display:flex;flex-direction:column;font-weight:600;gap:.125rem;padding:.5rem;text-align:center}.calendar-header-cell:first-child{align-items:flex-start;background:#0a0a0a;background:var(--secondary-bg);justify-content:flex-start;padding:.5rem .75rem}.companies-header{color:#fff;font-size:16px;font-weight:700;margin-bottom:.5rem}.drag-instruction{color:#6c757d;font-size:12px;font-weight:400}.day-name{color:#ccc;font-size:14px;font-weight:500}.day-number{color:#fff;font-size:18px;margin-top:2px}.calendar-header-cell.today{background:#ffd7001a;border:2px solid gold}.calendar-header-cell.today .day-number{color:gold}.calendar-body{flex:1 1;overflow-x:hidden;overflow-y:auto}.company-row{background:#000;background:var(--primary-bg);display:grid;grid-template-columns:200px repeat(7,1fr);min-height:45px;transition:background-color .2s ease}.company-row:hover{background:#ffffff05}.company-row.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.company-info{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border-right:1px solid #222;border-right:1px solid var(--border-color);cursor:grab;display:flex;gap:.5rem;padding:.5rem .75rem}.company-info:active{cursor:grabbing}.drag-handle{color:#555;font-size:14px;font-weight:400;line-height:1;opacity:.6;transition:color .2s ease;-webkit-user-select:none;user-select:none}.company-row:hover .drag-handle{color:gold}.company-details{flex:1 1;min-width:0}.company-name{color:#666;font-size:10px;font-weight:300;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-ticker{font-size:18px;letter-spacing:.5px;margin-bottom:2px}.event-cell{background:#000;background:var(--primary-bg);border-right:1px solid #222;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:.125rem;min-height:45px;padding:.25rem;position:relative;vertical-align:top}.event-cell:last-child{border-right:none}.event-cell.today{background:#ffd7000d;border-left:3px solid gold}.event-block{background:#10b981;background:var(--rsvp-accepted);border-left:2px solid #10b981;border-left:2px solid var(--rsvp-accepted);color:#fff;font-size:9px;line-height:1.1;margin-bottom:.1rem;overflow:hidden;padding:.2rem .3rem;text-overflow:ellipsis;white-space:nowrap}.event-block:hover{opacity:.9}.event-title{font-size:10px;line-height:1.2}.event-time{font-size:9px;font-weight:400;line-height:1.1;opacity:.9}.event-block.accepted{background:#10b981;background:var(--rsvp-accepted);border-left-color:#10b981;border-left-color:var(--rsvp-accepted);color:#fff}.event-block.pending{background:#f59e0b;background:var(--rsvp-pending);border-left-color:#f59e0b;border-left-color:var(--rsvp-pending);color:#fff}.event-block.declined{background:#ef4444;background:var(--rsvp-declined);border-left-color:#ef4444;border-left-color:var(--rsvp-declined);color:#fff}.calendar-body::-webkit-scrollbar{width:8px}.calendar-body::-webkit-scrollbar-track{background:#1a1a1a}.calendar-body::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.calendar-body::-webkit-scrollbar-thumb:hover{background:#6c757d}.calendar-rows{display:flex;flex-direction:column}.calendar-layout{display:flex;flex:1 1;gap:1rem;overflow:hidden}.calendar-main{flex:1 1;overflow:auto}.event-details-sidebar{border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);max-height:calc(100vh - 200px)}.event-details-sidebar,.event-details-sidebar-overlay{background-color:#0a0a0a;background-color:var(--secondary-bg);overflow-y:auto;padding:1rem;width:400px}.event-details-sidebar-overlay{border-left:1px solid #222;border-left:1px solid var(--border-color);box-shadow:-4px 0 12px #0000004d;height:100vh;position:fixed;right:0;top:0;transform:translateX(0);transition:transform .3s ease-in-out;z-index:1000}.event-details-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.calendar-header{align-items:center;background-color:#111;background-color:var(--calendar-header);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.calendar-title{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:600}.calendar-controls{align-items:center;display:flex;gap:1rem}.calendar-grid{background-color:#000;background-color:var(--primary-bg);border:1px solid #222;border:1px solid var(--border-color);display:grid}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-cell{background-color:#1a1a1a;background-color:var(--calendar-cell);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);border-right:1px solid #222;border-right:1px solid var(--border-color);min-height:80px;padding:.5rem;transition:background-color .2s ease}.calendar-cell:last-child{border-right:none}.calendar-cell:hover{background-color:#222;background-color:var(--calendar-cell-hover)}.calendar-cell.today{background-color:#d4af371a;border:2px solid #d4af37;border-color:var(--calendar-today)}.calendar-cell.other-month{background-color:#0a0a0a;background-color:var(--secondary-bg);opacity:.3}.event-badge{border-radius:.25rem;color:#fff;font-size:.625rem;padding:.125rem .25rem;right:-.25rem;top:-.25rem;z-index:10}.day-number,.event-badge{font-weight:700;position:absolute}.day-number{font-size:.875rem;left:.5rem;top:.5rem;z-index:5}.calendar-day-number{color:#fff;color:var(--primary-text);font-weight:600;margin-bottom:.5rem}.calendar-events{display:flex;flex-direction:column;gap:.25rem}.event-block{border-left:3px solid #0000;border-radius:3px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.event-block:hover{box-shadow:0 2px 8px #0000004d;box-shadow:var(--box-shadow);transform:translateY(-1px)}.event-block.status-accepted{background-color:#10b981;background-color:var(--rsvp-accepted);border-left-color:#10b981;border-left-color:var(--rsvp-accepted);color:#fff}.event-block.status-declined{background-color:#ef4444;background-color:var(--rsvp-declined);border-left-color:#ef4444;border-left-color:var(--rsvp-declined);color:#fff}.event-block.status-pending{background-color:#f59e0b;background-color:var(--rsvp-pending);border-left-color:#f59e0b;border-left-color:var(--rsvp-pending);color:#fff}.event-title{font-weight:600;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-time{font-size:.625rem;opacity:.8}.company-list{border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius)}.company-list,.company-row{background-color:#0a0a0a;background-color:var(--secondary-bg)}.company-row{align-items:center;border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:.75rem 1rem;transition:all .2s ease}.company-row:last-child{border-bottom:none}.company-row:hover{background-color:#1f1f1f;background-color:var(--hover-bg);border-left:3px solid gold;border-left:3px solid var(--secondary-text);transform:translateX(2px)}.calendar-grid.dragging,.company-row.dragging{box-shadow:0 8px 24px #d4af3766;opacity:.8;transform:rotate(1deg) scale(1.01);transform-style:preserve-3d;transition:none!important;z-index:1000}.calendar-grid,.calendar-grid.dragging,.company-row,.company-row.dragging{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.calendar-grid,.company-row{contain:layout style paint;transform:translateZ(0)}.calendar-grid:not(.dragging),.company-row:not(.dragging){transition:transform .15s ease-out,box-shadow .15s ease-out}.dnd-context-dragging .calendar-grid,.dnd-context-dragging .company-row{transition:none!important}.company-ticker{color:gold;color:var(--secondary-text);font-weight:700;margin-right:1rem;min-width:60px}.company-name{color:#fff;color:var(--primary-text);flex:1 1;font-weight:500}.company-sector{color:#ccc;color:var(--muted-text);font-size:.75rem;text-align:right}.drag-handle{border-radius:3px;color:#888;color:var(--faded-text);cursor:grab;font-size:1.2rem;margin-right:.75rem;padding:.25rem;transition:all .2s ease}.drag-handle:hover{background-color:#1f1f1f;background-color:var(--hover-bg);color:gold;color:var(--secondary-text)}.drag-handle:active{cursor:grabbing}.drag-handle:active,.form-label{color:#fff;color:var(--primary-text)}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:#111;background-color:var(--tertiary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);color:#fff;color:var(--primary-text);font-size:.875rem;padding:.5rem;transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:gold;border-color:var(--secondary-text);box-shadow:0 0 0 1px gold;box-shadow:0 0 0 1px var(--secondary-text);outline:none}.form-input::placeholder{color:#888;color:var(--faded-text)}.form-error{color:#dc3545;font-size:.75rem;margin-top:.25rem}.card{background-color:#0a0a0a;background-color:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);overflow:hidden}.card-header{background-color:#111;background-color:var(--tertiary-bg);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);padding:1rem}.card-title{color:#fff;color:var(--primary-text);font-size:1.125rem;font-weight:600}.card-body{padding:1rem}.card-footer{background-color:#111;background-color:var(--tertiary-bg);border-top:1px solid #222;border-top:1px solid var(--border-color);padding:1rem}@media (max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header-nav{justify-content:center;order:-1;width:100%}.header-actions{flex-direction:column;gap:.5rem;width:100%}.user-info{flex-direction:column;text-align:center}.calendar-layout{flex-direction:column!important}.event-details-sidebar-overlay{border-radius:1rem 1rem 0 0!important;bottom:0!important;height:60vh!important;left:0!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:1000!important}.calendar-grid{font-size:.75rem;grid-template-columns:repeat(7,1fr)!important}.calendar-cell{min-height:60px!important;padding:.25rem!important}.event-block{font-size:.625rem!important;padding:.125rem .25rem!important}.company-row{padding:.5rem!important}.form-input,.form-select{font-size:.75rem;padding:.375rem}}@media (max-width:480px){.calendar-grid{font-size:.625rem}.calendar-cell{min-height:50px!important;padding:.125rem!important}.event-title{display:none}.event-block{border-radius:2px;height:8px;margin-bottom:1px}.day-number{font-size:.625rem!important}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px;min-width:44px}.calendar-cell{min-height:80px}.event-block{min-height:32px;padding:.5rem}.drag-handle{min-height:44px;min-width:44px}}.hidden{display:none!important}.visible{display:block!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.ml-2{margin-left:.5rem}.font-semibold{font-weight:600}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.rounded{border-radius:4px;border-radius:var(--border-radius)}.shadow{box-shadow:0 2px 8px #0000004d;box-shadow:var(--box-shadow)}@media (max-width:768px){.sidebar{height:auto;position:static;width:100%}.main-content{flex-direction:column}.header-nav{display:none}.calendar-cell{min-height:60px;padding:.25rem}.company-row{padding:.5rem}.company-sector{display:none}}@media (max-width:480px){.header{padding:0 .5rem}.content-area{padding:.5rem}.event-block{font-size:.625rem;padding:.125rem .25rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid gold;outline:2px solid var(--secondary-text);outline-offset:2px}@media (prefers-contrast:high){:root{--border-color:#fff;--primary-text:#fff;--secondary-text:#ff0}}.login-form-container{align-items:center;background:#000;background:var(--primary-bg);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-form{background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#d4af37;color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header h2{color:#fff;color:var(--primary-text);font-size:1.25rem;font-weight:500;margin:0}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input{background:#111;background:var(--tertiary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:#fff;color:var(--primary-text);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#d4af37;border-color:var(--accent-color);outline:none}.form-group input::placeholder{color:#ccc;color:var(--muted-text)}.btn-full{margin-bottom:1rem;width:100%}.form-footer{margin-bottom:1.5rem;text-align:center}.error-message{background:#dc35451a;border:1px solid #dc35454d;border-radius:4px;color:#dc3545;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.demo-credentials{background:#111;background:var(--tertiary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;padding:1rem;text-align:center}.demo-credentials h4{color:#d4af37;color:var(--accent-color);font-size:.9rem;margin-bottom:.5rem}.demo-credentials p{color:#ccc;color:var(--muted-text);font-size:.8rem;margin:.25rem 0}.btn-sm{font-size:.8rem;padding:.375rem .75rem}@media (max-width:480px){.login-form{padding:1rem}.login-form-container{padding:.5rem}}.logo-link{align-items:center;color:inherit;display:flex;gap:.5rem;text-decoration:none;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.header-nav{gap:2rem}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{border:1px solid #0000;border-radius:8px;color:#fff;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;min-width:120px;padding:1rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:#ffffff1a;border-color:gold;color:gold}.nav-link.active{background:#ffd7001a;border-color:gold;color:gold}.nav-link.active:after{background:gold;border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.coming-soon-badge{background:gold;border-radius:4px;color:#1a1a1a;font-size:.625rem;font-weight:600;letter-spacing:.025em;padding:.125rem .375rem;text-transform:uppercase}.header-right{align-items:center;display:flex;gap:1rem}.global-search,.header-search{position:relative}.global-search{width:300px}.search-input-container{align-items:center;background:#2d2d2d;border:1px solid #404040;border-radius:8px;display:flex;padding:.5rem .75rem;position:relative;transition:all .2s ease}.search-input-container:focus-within{border-color:gold;box-shadow:0 0 0 2px #ffd7001a}.search-icon{color:#6b7280;margin-right:.5rem}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:.875rem;outline:none}.search-input::placeholder{color:#6b7280}.search-shortcut{background:#404040;border-radius:4px;color:#9ca3af;font-family:monospace;font-size:.625rem;padding:.125rem .375rem}.search-dropdown{background:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0000004d;left:0;margin-top:.25rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-loading{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:.5rem;padding:1rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #404040;border-radius:50%;border-top-color:gold;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results{padding:.5rem 0}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.search-result-item:hover{background:#404040}.result-icon{color:gold;flex-shrink:0}.result-content{flex:1 1;min-width:0}.result-title{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.125rem}.result-subtitle{color:#9ca3af;font-size:.75rem}.result-type{background:#404040;border-radius:4px;color:#9ca3af;font-size:.625rem;padding:.125rem .375rem;text-transform:uppercase}.search-no-results,.search-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1rem;text-align:center}.user-button{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:0;padding:.5rem;transition:all .2s ease}.user-button:hover{background:#ffffff1a;border-color:gold}.user-avatar{align-items:center;background:gold;border-radius:50%;color:#1a1a1a;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-info{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.user-name{font-size:.875rem;font-weight:500}.user-name,.user-role{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#9ca3af;font-size:.75rem}.dropdown-menu{background:#2d2d2d;border:1px solid #404040;border-radius:8px;box-shadow:0 4px 12px #0000004d;margin-top:.25rem;min-width:280px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.user-profile-preview{align-items:center;border-bottom:1px solid #404040;display:flex;gap:.75rem;padding:1rem}.user-avatar-large{align-items:center;background:gold;border-radius:50%;color:#1a1a1a;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-details h4{color:#fff;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.user-details p{color:#9ca3af;font-size:.75rem;margin:0}.dropdown-menu button{align-items:center;background:none;border:1px solid #0000;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;margin:2px;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu button:hover{background:#404040;border-color:gold}.dropdown-menu hr{border:none;border-top:1px solid #404040;margin:.5rem 0}.mobile-menu-button{background:none;border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;display:none;padding:.5rem;transition:all .2s ease}.mobile-menu-button:hover{background:#ffffff1a;border-color:gold}.mobile-menu{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-menu-content{background:#2d2d2d;border-left:1px solid #404040;height:100%;overflow-y:auto;padding:1rem;width:280px}.mobile-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mobile-nav-link{align-items:center;border:1px solid #0000;border-radius:6px;color:#fff;display:flex;justify-content:space-between;margin:2px;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background:#ffffff1a;border-color:gold}.mobile-user-section{border-top:1px solid #404040;padding-top:1rem}.mobile-user-info{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.mobile-user-actions{display:flex;flex-direction:column;gap:.5rem}.mobile-user-actions button{align-items:center;background:none;border:1px solid #404040;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.mobile-user-actions button:hover{background:#404040;border-color:gold}.profile-backdrop{background:#00000080;left:0;z-index:40}.profile-backdrop,.profile-drawer{bottom:0;position:fixed;right:0;top:0}.profile-drawer{background:#000;background:var(--primary-bg);border-left:1px solid #222;border-left:1px solid var(--border-color);box-shadow:-4px 0 12px #0000004d;display:flex;flex-direction:column;overflow:hidden;width:408px;z-index:50}.profile-header{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem}.profile-header-content{align-items:center;display:flex;gap:.75rem}.profile-header-icon{color:gold;color:var(--accent-bg)}.profile-header h2{color:#fff;color:var(--primary-text);font-size:1.125rem;font-weight:600;margin:0}.profile-close-button{background:#0000;border:none;border-radius:6px;color:#ccc;color:var(--muted-text);cursor:pointer;padding:.5rem;transition:all .2s ease}.profile-close-button:hover{background:#111;background:var(--tertiary-bg);color:#fff;color:var(--primary-text)}.profile-tabs{background:#0a0a0a;background:var(--secondary-bg);border-bottom:1px solid #222;border-bottom:1px solid var(--border-color);display:flex}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#ccc;color:var(--muted-text);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s ease}.profile-tab:hover{background:#111;background:var(--tertiary-bg);color:#fff;color:var(--primary-text)}.profile-tab.active{border-bottom-color:gold;border-bottom-color:var(--accent-bg);color:gold;color:var(--accent-bg)}.profile-content,.profile-tab.active{background:#000;background:var(--primary-bg)}.profile-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:1.25rem;scrollbar-width:none}.profile-content::-webkit-scrollbar{display:none}.profile-tab-content{display:flex;flex-direction:column;gap:1.25rem}.profile-section{display:flex;flex-direction:column;gap:.875rem}.profile-section h4{color:#fff;color:var(--primary-text);font-size:.9375rem;font-weight:600;margin:0}.profile-avatar-section{align-items:center;display:flex;gap:.875rem}.profile-avatar-large{align-items:center;background:gold;background:var(--accent-bg);border-radius:50%;color:#1a1a1a;display:flex;flex-shrink:0;font-size:1.375rem;font-weight:600;height:70px;justify-content:center;width:70px}.change-avatar-button{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--primary-text);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.4375rem .875rem;transition:all .2s ease}.change-avatar-button:hover{background:#111;background:var(--tertiary-bg);border-color:gold;border-color:var(--accent-bg)}.profile-info h3{color:#fff;color:var(--primary-text);font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.profile-info p{color:#ccc;color:var(--muted-text);font-size:.8125rem;margin:0 0 .5rem}.user-role-badge{background:gold;background:var(--accent-bg);border-radius:4px;color:#1a1a1a;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .5rem}.member-since{color:#ccc;color:var(--muted-text);font-size:.75rem;margin:0}.profile-form{gap:1rem}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:.25rem}.form-group label{font-weight:500}.form-group label,.profile-input{color:#fff;color:var(--primary-text);font-size:.875rem}.profile-input{background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:6px;outline:none;padding:.75rem;transition:border-color .2s ease;width:100%}.profile-input:focus{border-color:gold;border-color:var(--accent-bg)}.profile-input.disabled{background:#111;background:var(--tertiary-bg);color:#ccc;color:var(--muted-text);cursor:not-allowed}.input-help{color:#ccc;color:var(--muted-text);font-size:.75rem;margin:0}.activity-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-card{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.stat-card:hover{border-color:gold;border-color:var(--accent-bg);transform:translateY(-1px)}.stat-icon{color:gold;color:var(--accent-bg);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700}.stat-number,.stat-text{color:#fff;color:var(--primary-text);line-height:1}.stat-text{font-size:1rem;font-weight:600}.stat-label{color:#ccc;color:var(--muted-text);font-size:.75rem;font-weight:500}.preferences-content{display:flex;flex-direction:column;gap:1rem}.coming-soon-section{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1rem;text-align:center}.coming-soon-section h5{color:#fff;color:var(--primary-text);font-size:1rem;font-weight:600;margin:0}.coming-soon-section p{color:#ccc;color:var(--muted-text);font-size:.875rem;line-height:1.5;margin:0}.preference-item{align-items:center;background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.preference-item.disabled{cursor:not-allowed;opacity:.5}.preference-info h6{color:#fff;color:var(--primary-text);font-size:.875rem;font-weight:500;margin:0 0 .25rem}.preference-info p{color:#ccc;color:var(--muted-text);font-size:.75rem;margin:0}.preference-select,.preference-toggle{flex-shrink:0}.preference-toggle input[type=checkbox]{accent-color:gold;accent-color:var(--accent-bg);height:16px;width:16px}.preference-select select{background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:4px;color:#fff;color:var(--primary-text);font-size:.875rem;padding:.5rem}.profile-error{background:#dc35451a;border:1px solid #dc3545;border-radius:6px;color:#dc3545;font-size:.875rem;margin-bottom:1rem;padding:.75rem}.profile-footer{background:#0a0a0a;background:var(--secondary-bg);border-top:1px solid #222;border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.5rem}.profile-cancel-button{background:#0000;border:1px solid #222;border:1px solid var(--border-color);border-radius:6px;color:#fff;color:var(--primary-text);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease}.profile-cancel-button:hover{background:#111;background:var(--tertiary-bg)}.profile-save-button{align-items:center;background:gold;background:var(--accent-bg);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.profile-save-button:hover:not(:disabled){background:#d4af37}.profile-save-button:disabled{cursor:not-allowed;opacity:.5}.coming-soon-page{align-items:center;background:#000;background:var(--primary-bg);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.coming-soon-content{max-width:500px;text-align:center}.coming-soon-icon{color:gold;color:var(--accent-bg);margin-bottom:1.5rem}.coming-soon-content h1{color:#fff;color:var(--primary-text);font-size:2rem;font-weight:700;margin:0 0 1rem}.coming-soon-content p{color:#ccc;color:var(--muted-text);font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.feature-preview{background:#0a0a0a;background:var(--secondary-bg);border:1px solid #222;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:left}.feature-preview h3{color:#fff;color:var(--primary-text);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{align-items:center;color:#ccc;color:var(--muted-text);display:flex;font-size:.875rem;gap:.75rem}.feature-item svg{color:gold;color:var(--accent-bg);flex-shrink:0}@media (max-width:768px){.app-header{padding:0 1rem}.header-nav,.header-search{display:none}.mobile-menu-button{display:block}.global-search{width:200px}.profile-drawer{max-width:100vw;width:100%}.profile-content,.profile-header{padding:1rem}.profile-tab{font-size:.75rem;padding:.75rem}.profile-avatar-large{font-size:1.25rem;height:60px;width:60px}.profile-info h3{font-size:1rem}.profile-info p{font-size:.75rem}.activity-stats,.subscription-grid{grid-template-columns:1fr}.subscription-grid{gap:1rem}.subscription-card{padding:1rem}.subscription-card h3{font-size:1rem}.subscription-card p{font-size:.875rem}.subscription-actions{flex-direction:column;gap:.5rem}.subscription-actions button{width:100%}}.outlook-layout{background-color:#000;background-color:var(--primary-bg);height:100vh;overflow:auto;width:100%}.outlook-layout .app-container{margin:0;min-height:100vh;padding:0;width:100%}.outlook-layout .calendar-container,.outlook-layout .calendar-layout{max-width:100%;width:100%}.outlook-layout .page-container{padding:.75rem}.outlook-layout::-webkit-scrollbar{width:6px}.outlook-layout::-webkit-scrollbar-track{background:#0a0a0a;background:var(--secondary-bg)}.outlook-layout::-webkit-scrollbar-thumb{background:#333;background:var(--border-light);border-radius:3px}.outlook-layout::-webkit-scrollbar-thumb:hover{background:#ccc;background:var(--muted-text)}