@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-white:#fff;--color-navy:#17233f;--color-deep-blue:#1b3a8b;--color-primary-blue:#1b75bc;--color-cyan:#1ca0e3;--color-charcoal:#2b2b2b;--color-body-text:#44444e;--color-secondary-text:#6e6e78;--color-faint-text:#a8a8b2;--color-card-bg:#eef4fa;--color-card-deep:#e4eef8;--color-line:#d5e2ef;--color-green:#1aa179;--color-red:#d64545;--color-amber:#e0a32e;--bg-primary:var(--color-white);--bg-secondary:#f5f8fc;--bg-card:var(--color-card-bg);--bg-card-hover:var(--color-card-deep);--bg-elevated:var(--color-white);--bg-input:var(--color-white);--bg-overlay:#17233f73;--border-primary:var(--color-line);--border-subtle:#e4eef8;--border-focus:var(--color-primary-blue);--text-primary:var(--color-navy);--text-body:var(--color-body-text);--text-secondary:var(--color-secondary-text);--text-muted:var(--color-secondary-text);--text-faint:var(--color-faint-text);--text-inverse:var(--color-white);--accent-primary:var(--color-primary-blue);--accent-hover:var(--color-deep-blue);--accent-muted:#1b75bc1a;--accent-cyan:var(--color-cyan);--color-success:var(--color-green);--color-success-muted:#1aa1791f;--color-warning:var(--color-amber);--color-warning-muted:#e0a32e1f;--color-danger:var(--color-red);--color-danger-muted:#d645451f;--color-info:var(--color-primary-blue);--color-info-muted:#1b75bc1f;--chip-active:var(--color-green);--chip-on-hold:var(--color-amber);--chip-completed:var(--color-deep-blue);--chip-archived:var(--color-secondary-text);--shadow-xs:0 1px 2px #17233f0d;--shadow-sm:0 2px 4px #17233f0f, 0 1px 2px #17233f0a;--shadow-md:0 4px 12px #17233f14, 0 2px 4px #17233f0a;--shadow-lg:0 12px 28px #17233f1f, 0 4px 10px #17233f0f;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-body);min-height:100vh;line-height:1.5;overflow-x:hidden}.text-money,.text-money-lg,.text-money-sm,.stat-card__value,td.numeric,th.numeric{font-feature-settings:"tnum" on, "lnum" on;font-variant-numeric:tabular-nums;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.25}h1{font-size:clamp(1.25rem,4vw,1.625rem)}h2{font-size:clamp(1.125rem,3.5vw,1.25rem)}h3{font-size:clamp(.95rem,3vw,1.0625rem)}h4{font-size:.9375rem}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.app-layout{background:var(--bg-secondary);width:100%;min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.main-content{flex:1;width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:1.5rem;overflow-y:auto}.global-search-container{width:100%;max-width:380px}.sidebar{background:var(--color-navy);width:260px;color:var(--text-inverse);z-index:40;height:100vh;transition:transform var(--transition-normal);border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar__brand{background:#121c33;border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:1.25rem;display:flex}.sidebar__brand-icon{background:linear-gradient(135deg, var(--color-primary-blue), var(--color-cyan));border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-white);box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.sidebar__brand-name{color:var(--color-white);letter-spacing:-.02em;font-size:1.125rem;font-weight:800}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:#7e90b8;padding:.75rem .75rem .375rem;font-size:.6875rem;font-weight:700}.nav-link{border-radius:var(--radius-md);color:#c0cce6;transition:all var(--transition-fast);align-items:center;gap:.75rem;min-height:42px;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.nav-link:hover{color:var(--color-white);background:#ffffff14}.nav-link--active{font-weight:600;box-shadow:0 2px 8px #1b75bc66;background:var(--color-primary-blue)!important;color:var(--color-white)!important}.sidebar__footer{background:#121c33;border-top:1px solid #ffffff1a;padding:1rem}.sidebar__user{align-items:center;gap:.75rem;display:flex}.sidebar__avatar{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-white);background:#ffffff26;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.sidebar__user-name{color:var(--color-white);font-size:.875rem;font-weight:600;line-height:1.2}.sidebar__user-role{color:#8ca0c8;text-transform:capitalize;font-size:.75rem}.mobile-topbar{z-index:30;background:var(--color-navy);color:var(--color-white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:none;position:sticky;top:0}.hamburger-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.375rem;font-size:1.5rem;display:flex}.sidebar-overlay{background:var(--bg-overlay);z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none;position:fixed;inset:0}.card{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-lg);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);padding:1.25rem}.card-flat{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:none;padding:1.25rem}.card--hoverable:hover{box-shadow:var(--shadow-md);border-color:#b5cce5}.card--tinted{background:var(--color-card-bg);border-color:var(--color-line)}.page-container{width:100%;max-width:1280px;margin:0 auto;padding-bottom:3rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--color-navy);letter-spacing:-.02em;font-weight:800}.top-header-bar{background:var(--color-white);border-bottom:1px solid var(--color-line);z-index:20;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.top-header-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.875rem;display:grid}.grid-stats-3{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}.grid-stats-8{grid-template-columns:repeat(4,1fr);gap:.875rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.project-metrics-grid{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:.75rem;display:grid}@media (max-width:900px){.project-metrics-grid{grid-template-columns:repeat(3,1fr);gap:.625rem .5rem}}@media (max-width:480px){.project-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.stat-card{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all var(--transition-fast);flex-direction:column;min-width:0;padding:1.125rem 1.25rem;display:flex;position:relative}.stat-card:hover{box-shadow:var(--shadow-sm);border-color:#b2cce5}.stat-card--tappable{cursor:pointer}.stat-card--success{border-left:4px solid var(--color-green);background:#f4faf7}.stat-card--warning{border-left:4px solid var(--color-amber);background:#fcf9f2}.stat-card--danger{border-left:4px solid var(--color-red);background:#fdf4f4}.stat-card--info{border-left:4px solid var(--color-primary-blue);background:#f2f7fc}.stat-card__label{color:var(--color-secondary-text);text-overflow:ellipsis;white-space:nowrap;justify-content:space-between;align-items:center;gap:.25rem;margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.stat-card__value{color:var(--color-navy);text-overflow:ellipsis;white-space:nowrap;font-size:1.375rem;font-weight:800;line-height:1.15;overflow:hidden}.text-money{color:var(--color-navy);font-weight:700}.text-money-lg{color:var(--color-navy);font-size:clamp(1.5rem,5vw,2rem);font-weight:800}.text-money-sm{font-size:.875rem;font-weight:600}.text-shorthand{color:var(--color-secondary-text);margin-left:.25rem;font-size:.75rem;font-weight:500}.text-success{color:var(--color-green)!important}.text-warning{color:var(--color-amber)!important}.text-danger{color:var(--color-red)!important}.text-info{color:var(--color-primary-blue)!important}.text-muted{color:var(--color-secondary-text)!important}.text-faint{color:var(--color-faint-text)!important}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.5625rem 1.125rem;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);box-shadow:0 1px 3px #1b75bc4d}.btn-primary:hover:not(:disabled){background:var(--color-deep-blue);border-color:var(--color-deep-blue);color:var(--color-white)}.btn-secondary{background:var(--color-white);color:var(--color-navy);border-color:var(--color-line);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--color-card-bg);border-color:#b5cce5}.btn-ghost{color:var(--color-primary-blue);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--accent-muted)}.btn-danger{background:var(--color-red);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#b83232}.btn-whatsapp{color:var(--color-white);background:#25d366;border-color:#25d366;font-weight:600}.btn-whatsapp:hover:not(:disabled){background:#1ebe5d}.btn-sm{min-height:34px;padding:.375rem .75rem;font-size:.8125rem}.btn-lg{min-height:48px;padding:.75rem 1.5rem;font-size:1rem}.btn-full{width:100%}.badge{border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{background:var(--color-success-muted);color:var(--color-green)}.badge-warning{background:var(--color-warning-muted);color:#b37d1a}.badge-danger{background:var(--color-danger-muted);color:var(--color-red)}.badge-info{background:var(--color-info-muted);color:var(--color-primary-blue)}.badge-neutral{color:var(--color-secondary-text);background:#e9eef4}.chip{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-body-text);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;align-items:center;gap:.375rem;min-height:36px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.chip:hover{background:var(--color-card-bg);border-color:#b5cce5}.chip--active{background:var(--color-primary-blue);color:var(--color-white);border-color:var(--color-primary-blue);font-weight:600}.chip--cyan{color:#0e7db4;background:#1ca0e31f;border-color:#1ca0e34d}.form-group{flex-direction:column;gap:.375rem;margin-bottom:1rem;display:flex}.form-label{color:var(--color-navy);font-size:.8125rem;font-weight:600}.form-label .required{color:var(--color-red)}.form-helper,.form-hint{color:var(--color-secondary-text);margin-top:.25rem;font-size:.75rem;display:block}.form-error{color:var(--color-red);background:var(--color-danger-muted);border:1px solid var(--color-red);border-radius:var(--radius-md);margin-top:.375rem;padding:.5rem .75rem;font-size:.8125rem}.input,.select,.textarea,.form-input,.form-select{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);width:100%;color:var(--color-navy);font-family:var(--font-family);transition:all var(--transition-fast);min-height:42px;padding:.5625rem .875rem;font-size:.875rem}.input:focus,.select:focus,.textarea:focus,.form-input:focus,.form-select:focus{border-color:var(--color-primary-blue);outline:none;box-shadow:0 0 0 3px #1b75bc26}.input::placeholder,.textarea::placeholder,.form-input::placeholder{color:var(--color-faint-text)}.form-input-lg{min-height:48px;font-weight:700;font-size:1.125rem!important}.form-row-3{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.form-row-2{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-white);width:100%;box-shadow:var(--shadow-xs);margin-bottom:1rem;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:580px;font-size:.875rem}.table th{background:var(--color-card-deep);color:var(--color-navy);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--color-line);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:700}.table td{border-bottom:1px solid var(--color-line);color:var(--color-body-text);vertical-align:middle;padding:.75rem 1rem}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f5f9fd}.table th.text-right,.table td.text-right,.text-right{text-align:right!important}.table th.text-center,.table td.text-center,.text-center{text-align:center!important}.table th.text-left,.table td.text-left,.text-left{text-align:left!important}.num-cell,.table th.num-col,.table td.num-col{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right!important}.progress-bar{border-radius:var(--radius-full);background:#e2ecf7;width:100%;height:8px;position:relative;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-bar--normal .progress-bar__fill{background:var(--color-cyan)}.progress-bar--warning .progress-bar__fill{background:var(--color-amber)}.progress-bar--danger .progress-bar__fill{background:var(--color-red)}.tabs{border-bottom:2px solid var(--color-line);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.25rem;margin-bottom:1.5rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--color-secondary-text);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);touch-action:manipulation;background:0 0;border:none;border-bottom:2px solid #0000;min-height:42px;margin-bottom:-2px;padding:.625rem 1rem;font-size:.875rem;font-weight:600}.tab:hover{color:var(--color-navy)}.tab--active{color:var(--color-primary-blue)!important;border-bottom-color:var(--color-primary-blue)!important}.tooltip-trigger{border-radius:var(--radius-full);width:18px;height:18px;color:var(--color-primary-blue);cursor:help;vertical-align:middle;transition:all var(--transition-fast);background:#d8e6f5;border:none;justify-content:center;align-items:center;margin-left:.375rem;font-size:.6875rem;font-weight:700;display:inline-flex}.tooltip-trigger:hover{background:var(--color-primary-blue);color:var(--color-white)}.tooltip-box{z-index:50;background:var(--color-navy);color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:none;max-width:260px;padding:.5rem .75rem;font-size:.75rem;font-weight:400;line-height:1.35;position:absolute}.modal-backdrop{background:var(--bg-overlay);z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-line);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;padding:1.5rem;position:relative;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.modal-title{color:var(--color-navy);font-size:1.1875rem;font-weight:700}.alert-banner{border-radius:var(--radius-md);border:1px solid #0000;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.84375rem;display:flex}.alert-banner--warning{color:#8c5b00;background:#fff9ee;border-color:#f8e0b0}.alert-banner--danger{color:#9b1c1c;background:#fdf2f2;border-color:#f8b4b4}.alert-banner--info{color:#1e40af;background:#f0f7ff;border-color:#bfdbfe}.empty-state{text-align:center;background:var(--color-white);border:1px dashed var(--color-line);border-radius:var(--radius-lg);padding:3rem 1.5rem}.empty-state__icon{margin-bottom:.75rem;font-size:2.5rem}.empty-state__title{color:var(--color-navy);margin-bottom:.375rem;font-size:1.125rem;font-weight:700}.empty-state__desc{color:var(--color-secondary-text);max-width:400px;margin:0 auto;font-size:.875rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-wrap{flex-wrap:wrap}.loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.spinner{border:3px solid #d5e2ef;border-top-color:var(--color-primary-blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}@media print{.sidebar,.mobile-topbar,.no-print,.btn,.tabs,nav,.hamburger-btn,.page-header button{display:none!important}body,.app-layout,.main-content{background:#fff!important;margin:0!important;padding:0!important}.print-statement{color:#17233f!important;width:100%!important;padding:15mm!important;display:block!important}}@media (max-width:1024px){.grid-stats-8,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.app-layout{flex-direction:column;width:100%;min-height:100dvh;overflow-x:hidden}.sidebar{z-index:60;width:280px;max-width:85vw;height:100dvh;box-shadow:var(--shadow-lg);transition:transform var(--transition-normal);top:0;bottom:0;left:0;position:fixed!important;transform:translate(-100%)!important}.sidebar--open{transform:translate(0)!important}.sidebar-overlay{background:var(--bg-overlay);z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}.sidebar-overlay--visible{display:block!important}.mobile-topbar{z-index:40;background:var(--color-navy);width:100%;position:sticky;top:0;display:flex!important}.main-content{width:100%;max-width:100vw;padding:1rem .75rem 5.5rem;overflow-x:hidden}.page-container{max-width:100%;padding-bottom:5.5rem}.top-header-bar{gap:.5rem;width:100%;padding:.5rem .75rem;position:static!important}.global-search-container{flex:1;min-width:0;max-width:100%}.top-header-actions{display:none}input[type=text],input[type=email],input[type=number],input[type=password],input[type=search],input[type=date],input[type=tel],select,textarea,.input,.select,.textarea,.form-input,.form-select{font-size:16px!important}.grid-stats-8,.grid-stats,.grid-stats-3{grid-template-columns:repeat(2,1fr);gap:.5rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:.75rem}.card,.card-flat{max-width:100%;padding:1rem}.stat-card{border-radius:var(--radius-md);padding:.75rem .875rem}.stat-card__label{font-size:.75rem}.stat-card__value{font-size:1.125rem}.modal-backdrop{padding:.625rem}.modal{border-radius:var(--radius-lg);max-height:90dvh;margin:auto;padding:1.125rem;width:100%!important;max-width:calc(100vw - 1.25rem)!important}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header>div:last-child{flex-wrap:wrap;gap:.5rem;display:flex}.table-container{max-width:100%;margin-left:0;margin-right:0}}@media (max-width:480px){.main-content{padding:.625rem .5rem 5.5rem}.top-header-bar{padding:.5rem .625rem}.form-row-3{grid-template-columns:1fr;gap:.5rem}.form-row-3>div:first-child{grid-column:span 1}.form-row-2{grid-template-columns:1fr;gap:.5rem}.btn-lg{min-height:48px;font-size:.9375rem}.grid-stats-8{grid-template-columns:repeat(2,1fr);gap:.375rem}.grid-stats-3{grid-template-columns:1fr;gap:.5rem}.stat-card{padding:.625rem .75rem}.stat-card__value{font-size:1rem}.stat-card__label{font-size:.6875rem}.card,.card-flat{padding:.875rem}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-line);z-index:50;height:60px;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff7;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #17233f14;display:flex!important}.mobile-nav-item{height:100%;color:var(--color-secondary-text);transition:all var(--transition-fast);touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.25rem 0;font-size:.6875rem;font-weight:500;text-decoration:none;display:flex}.mobile-nav-item:hover,.mobile-nav-item--active{font-weight:700;color:var(--color-primary-blue)!important}.mobile-nav-item .mobile-nav-icon{justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.mobile-nav-item--center{background:var(--color-primary-blue);border-radius:var(--radius-full);border:3px solid var(--color-white);flex:0 0 48px;justify-content:center;align-items:center;width:48px;max-width:48px;height:48px;display:flex;position:relative;top:-10px;box-shadow:0 4px 12px #1b75bc66;color:var(--color-white)!important}.mobile-nav-item--center .mobile-nav-icon{color:var(--color-white);font-size:1.5rem}.mobile-nav-item--center:active{transform:scale(.95)}}.notif-bell-container{align-items:center;display:inline-flex;position:relative}.yt-bell-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-navy);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.mobile-topbar .yt-bell-btn{color:var(--color-white)}.yt-bell-btn:hover{color:var(--color-primary-blue);background:#17233f14}.mobile-topbar .yt-bell-btn:hover{color:var(--color-white);background:#ffffff26}.yt-bell-btn--active{color:var(--color-primary-blue)!important;background:#1b75bc1f!important}.yt-bell-icon{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.yt-bell-btn:hover .yt-bell-icon{animation:.4s ease-in-out ytBellWiggle}@keyframes ytBellWiggle{0%{transform:rotate(0)}25%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}75%{transform:rotate(-8deg)}to{transform:rotate(0)}}.yt-bell-badge{border-radius:var(--radius-full);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--color-white), 0 2px 4px #c006;pointer-events:none;background:#c00;padding:0 4px;font-size:.6875rem;font-weight:800;line-height:18px;animation:.25s cubic-bezier(.175,.885,.32,1.275) ytBadgePop;position:absolute;top:2px;right:2px}.mobile-topbar .yt-bell-badge{box-shadow:0 0 0 2px #17233f,0 2px 4px #00000080}@keyframes ytBadgePop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.yt-notif-panel{background:var(--color-white);border:1px solid var(--color-line);z-index:1000;transform-origin:100% 0;border-radius:14px;flex-direction:column;width:420px;max-width:calc(100vw - 20px);max-height:540px;animation:.2s cubic-bezier(.16,1,.3,1) ytDropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 36px #17233f29,0 4px 12px #17233f14}@keyframes ytDropdownIn{0%{opacity:0;transform:scale(.95)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.yt-notif-header{border-bottom:1px solid var(--color-line);background:var(--color-white);flex-shrink:0;justify-content:space-between;align-items:center;padding:.875rem 1rem .625rem;display:flex}.yt-notif-header-title{color:var(--color-navy);letter-spacing:-.01em;font-size:1rem;font-weight:700}.yt-notif-pill-count{color:#c00;border-radius:var(--radius-full);background:#cc00001a;padding:.125rem .4rem;font-size:.6875rem;font-weight:700}.yt-notif-action-btn{border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.yt-notif-action-btn:hover{background:var(--color-card-bg);color:var(--color-navy)}.yt-notif-action-btn--spin svg{animation:.7s linear infinite ytSpin}@keyframes ytSpin{to{transform:rotate(360deg)}}.yt-notif-text-btn{color:var(--color-primary-blue);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.yt-notif-text-btn:hover{background:#1b75bc14}.yt-notif-close-btn{border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:.875rem;display:inline-flex}.yt-notif-close-btn:hover{background:var(--color-card-bg);color:var(--color-navy)}.yt-notif-tabs{border-bottom:1px solid var(--color-line);background:#f8fafc;flex-shrink:0;gap:.375rem;padding:.5rem 1rem;display:flex}.yt-notif-tab{background:var(--color-white);border:none;border:1px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);padding:.3125rem .75rem;font-size:.75rem;font-weight:600}.yt-notif-tab:hover{background:var(--color-card-bg);color:var(--color-navy)}.yt-notif-tab--active{background:var(--color-navy)!important;color:var(--color-white)!important;border-color:var(--color-navy)!important}.yt-notif-body{scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;flex:1;max-height:380px;overflow-y:auto}.yt-notif-loading{color:var(--color-secondary-text);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1rem;font-size:.8125rem;display:flex}.yt-notif-empty{text-align:center;padding:3rem 1.5rem}.yt-notif-empty-icon{margin-bottom:.5rem;font-size:2.5rem}.yt-notif-empty-title{color:var(--color-navy);margin-bottom:.25rem;font-size:.9375rem;font-weight:700}.yt-notif-empty-subtitle{color:var(--color-secondary-text);max-width:280px;margin:0 auto;font-size:.8125rem;line-height:1.4}.yt-notif-list{flex-direction:column;display:flex}.yt-notif-item{cursor:pointer;transition:background var(--transition-fast);text-align:left;background:var(--color-white);-webkit-user-select:none;user-select:none;border-bottom:1px solid #d5e2ef99;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}.yt-notif-item:last-child{border-bottom:none}.yt-notif-item:hover{background:#f1f5f9}.yt-notif-item--unread{background:#f0f6fd}.yt-notif-item--unread:hover{background:#e5eef9}.yt-notif-dot-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;margin-top:.625rem;display:flex}.yt-notif-blue-dot{border-radius:var(--radius-full);background:#065fd4;width:7px;height:7px}.yt-notif-avatar{border-radius:var(--radius-full);background:var(--color-card-bg);border:1px solid var(--color-line);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.125rem;display:flex}.yt-notif-avatar--alert{background:#fee2e2;border-color:#fca5a5}.yt-notif-avatar--warning{background:#fef3c7;border-color:#fcd34d}.yt-notif-avatar--success{background:#dcfce7;border-color:#86efac}.yt-notif-avatar--info{background:#e0f2fe;border-color:#7dd3fc}.yt-notif-content{flex:1;min-width:0}.yt-notif-item-header{justify-content:space-between;align-items:center;gap:.375rem;margin-bottom:.1875rem;display:flex}.yt-notif-title{color:var(--color-navy);font-size:.84375rem;font-weight:700;line-height:1.25}.yt-notif-chip{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;padding:.125rem .375rem;font-size:.625rem;font-weight:700}.yt-notif-chip--alert{color:#b91c1c;background:#fee2e2}.yt-notif-chip--warning{color:#b45309;background:#fef3c7}.yt-notif-chip--success{color:#15803d;background:#dcfce7}.yt-notif-chip--info{color:#0369a1;background:#e0f2fe}.yt-notif-body-text{color:var(--color-body-text);margin-bottom:.25rem;font-size:.78125rem;line-height:1.35}.yt-notif-meta{align-items:center;gap:.5rem;display:flex}.yt-notif-time{color:var(--color-secondary-text);font-size:.6875rem;font-weight:500}.yt-notif-item-actions{flex-shrink:0;align-items:center;gap:.25rem;margin-left:.25rem;display:none}.yt-notif-item:hover .yt-notif-item-actions{display:flex}.yt-notif-item-action-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-secondary-text);cursor:pointer;transition:all var(--transition-fast);background:#17233f14;border:none;justify-content:center;align-items:center;font-size:.6875rem;display:flex}.yt-notif-item-action-btn:hover{background:var(--color-navy);color:var(--color-white)}.yt-notif-footer{border-top:1px solid var(--color-line);text-align:center;background:#f8fafc;flex-shrink:0;padding:.5rem 1rem}.yt-notif-footer-text{color:var(--color-secondary-text);font-size:.6875rem;font-weight:500}@media (max-width:640px){.yt-notif-panel{border-radius:12px;width:auto;max-width:none;max-height:calc(100vh - 72px);position:fixed;top:56px;left:8px;right:8px}.section-header-wrap{flex-direction:column;align-items:flex-start!important;gap:.625rem!important}.section-header-wrap>div:first-child{width:100%;min-width:0!important}.section-header-wrap>div:last-child{justify-content:flex-start;gap:.5rem;width:100%;display:flex}.google-profile-panel{border-radius:14px;width:290px;max-width:calc(100vw - 16px);position:fixed;top:56px;right:8px}}.user-profile-menu-container{align-items:center;display:inline-flex;position:relative}.user-profile-btn{cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:2px solid #0000;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.user-profile-btn:hover{transform:scale(1.06)}.mobile-topbar .user-profile-btn:hover,.mobile-topbar .user-profile-btn--active{border-color:#ffffff73;box-shadow:0 0 0 2px #fff3}.top-header-actions .user-profile-btn:hover,.top-header-actions .user-profile-btn--active{border-color:var(--color-primary-blue);box-shadow:0 0 0 2px #1b75bc33}.user-profile-circle-avatar{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#1b75bc 0%,#17233f 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0003}.google-profile-panel{background:var(--color-white);border:1px solid var(--color-line);z-index:1000;transform-origin:100% 0;border-radius:16px;width:300px;max-width:calc(100vw - 20px);animation:.2s cubic-bezier(.16,1,.3,1) ytDropdownIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 40px #17233f2e,0 4px 12px #17233f14}.google-profile-header{text-align:center;border-bottom:1px solid var(--color-line);background:#f8fafc;flex-direction:column;align-items:center;padding:1.25rem 1rem 1rem;display:flex}.google-profile-avatar-large{border-radius:var(--radius-full);color:#fff;border:2px solid var(--color-white);background:#17233f;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.5rem;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 12px #17233f40}.google-profile-name{color:var(--color-navy);word-break:break-word;margin-bottom:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.25}.google-profile-role-pill{margin-bottom:.375rem}.google-profile-meta{color:var(--color-secondary-text);margin-top:.125rem;font-size:.75rem;font-weight:500}.google-profile-actions{flex-direction:column;gap:.125rem;padding:.5rem;display:flex}.google-profile-action-item{border-radius:var(--radius-md);color:var(--color-navy);transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;display:flex}.google-profile-action-item:hover{background:#f1f5f9}.google-profile-action-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.125rem}.google-profile-action-text{flex-direction:column;display:flex}.google-profile-action-title{color:var(--color-navy);font-size:.8125rem;font-weight:600;line-height:1.2}.google-profile-action-sub{color:var(--color-secondary-text);margin-top:.125rem;font-size:.6875rem;line-height:1.2}.google-profile-footer{border-top:1px solid var(--color-line);background:var(--color-white);padding:.75rem 1rem}.google-profile-signout-btn{border-radius:var(--radius-full);border:1px solid var(--color-line);color:#d64545;cursor:pointer;width:100%;transition:all var(--transition-fast);background:#f8fafc;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:flex}.google-profile-signout-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}