:root{--navy:#183153;--navy-dark:#10243f;--teal:#1b8a89;--gold:#d9a441;--ink:#243247;--muted:#6b778c;--surface:#fff;--page:#f3f6fa;--border:#dce3ec;--danger:#c74444;--success:#27845a}
html,body{min-height:100%}body{margin:0;padding-top:72px;background:var(--page);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}a{color:var(--teal)}
.app-navbar{background:linear-gradient(110deg,var(--navy-dark),var(--navy));border:0;min-height:72px;box-shadow:0 4px 18px rgba(16,36,63,.18)}
.app-navbar .navbar-brand{color:#fff!important;font-weight:700;letter-spacing:.2px;height:72px;line-height:42px}
.app-navbar .navbar-nav>li>a{color:#e9f1f8!important;line-height:42px;font-weight:500}
.app-navbar .navbar-nav>li>a:hover,.app-navbar .navbar-nav>li.active>a{color:#fff!important;background:rgba(255,255,255,.08)!important}
.brand-mark{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;margin-right:9px;border-radius:10px;background:var(--teal);color:#fff;font-weight:800}
.nav-user{color:#d9e8f4;line-height:72px;margin-right:10px;white-space:nowrap}.page-shell{padding-top:28px;padding-bottom:35px}
.page-header-card{background:linear-gradient(120deg,#fff,#f7fbfc);border:1px solid var(--border);border-left:5px solid var(--teal);border-radius:14px;padding:24px 26px;margin-bottom:22px;box-shadow:0 8px 24px rgba(24,49,83,.06)}
.page-header-card h1,.page-header-card h2{margin:0 0 8px;color:var(--navy);font-weight:700}.page-header-card p{margin:0;color:var(--muted)}
.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 8px 24px rgba(24,49,83,.06)}
.panel-card h3,.panel-card h4{margin-top:0;color:var(--navy)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-title h3{margin:0;font-size:20px}
.form-control,select.form-control{height:42px;border-radius:8px;border-color:#cad4df;box-shadow:none}textarea.form-control{height:auto}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(27,138,137,.12)}
.control-label{color:#33445b;font-weight:600}.btn{border-radius:8px;font-weight:600;padding:9px 16px}.btn-primary{background:var(--teal);border-color:var(--teal)}.btn-primary:hover,.btn-primary:focus{background:#147675;border-color:#147675}
.btn-accent{background:var(--gold);border-color:var(--gold);color:#fff}.btn-navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-dark);color:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;min-height:122px;box-shadow:0 8px 22px rgba(24,49,83,.06)}
.metric-card:after{content:"";position:absolute;right:-24px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(27,138,137,.09)}.metric-card .metric-label{color:var(--muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.metric-card .metric-value{margin-top:8px;font-size:34px;font-weight:800;color:var(--navy)}
.metric-card.gold:after{background:rgba(217,164,65,.14)}.metric-card.red:after{background:rgba(199,68,68,.12)}.metric-card.green:after{background:rgba(39,132,90,.12)}.metric-icon{position:absolute;z-index:2;right:18px;top:17px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--teal);opacity:.9}.metric-card.green .metric-icon{color:var(--success)}.metric-card.gold .metric-icon{color:#b8811f}.metric-card.red .metric-icon{color:var(--danger)}
.progress{height:18px;border-radius:10px;background:#e9eef4;box-shadow:none}.progress-bar{background:linear-gradient(90deg,var(--teal),#3eb7a8);line-height:18px}
.table-responsive{border:0}.app-grid{width:100%;border-collapse:separate;border-spacing:0}.app-grid th{background:var(--navy);color:#fff;padding:12px 10px;font-weight:600;white-space:nowrap}.app-grid th:first-child{border-radius:8px 0 0 0}.app-grid th:last-child{border-radius:0 8px 0 0}.app-grid td{background:#fff;border-bottom:1px solid #e4e9ef;padding:11px 10px;vertical-align:middle}.app-grid tr:hover td{background:#f8fbfc}
.status-pill,.priority-pill{display:inline-block;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-pending{background:#fff3d9;color:#9c6b04}.status-inprogress{background:#e7f1ff;color:#245c99}.status-completed{background:#e5f5ec;color:#206f49}.status-overdue{background:#fde8e8;color:#a83232}.priority-high{background:#fde8e8;color:#a83232}.priority-medium{background:#fff3d9;color:#9c6b04}.priority-low{background:#e5f5ec;color:#206f49}
.task-card{border:1px solid var(--border);border-left:4px solid var(--teal);background:#fff;border-radius:10px;padding:15px 16px;margin-bottom:12px}.task-card h4{margin:0 0 7px;font-size:17px}.task-meta{color:var(--muted);font-size:13px}
.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-action{display:block;padding:19px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--navy);text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease}.quick-action:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(24,49,83,.11)}.quick-action strong{display:block;margin-bottom:5px}
.auth-page{min-height:100vh;padding:45px 15px;background:radial-gradient(circle at 10% 15%,rgba(27,138,137,.18),transparent 34%),radial-gradient(circle at 90% 85%,rgba(217,164,65,.16),transparent 36%),#eef3f8}
.auth-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 55px rgba(24,49,83,.14);overflow:hidden}.auth-header{padding:26px 30px;background:linear-gradient(120deg,var(--navy-dark),var(--navy));color:#fff}.auth-header h1{margin:0 0 5px;font-size:25px;font-weight:700}.auth-header p{margin:0;color:#cfdeea}.auth-body{padding:28px 30px 30px}
.validation-summary-errors,.alert-error{display:block;padding:12px 14px;margin-bottom:15px;border:1px solid #efb7b7;border-radius:8px;background:#fdeaea;color:#942f2f}.alert-success-custom{display:block;padding:12px 14px;margin-bottom:15px;border:1px solid #b8dec9;border-radius:8px;background:#eaf7f0;color:#256845}
.footer{padding:22px 0 30px;color:var(--muted);text-align:center;font-size:13px}.check-list label,.radio-list label{margin-left:6px;margin-right:18px;font-weight:500}.check-list td,.radio-list td{padding:5px 12px 5px 0}.empty-state{padding:28px;text-align:center;color:var(--muted);border:1px dashed #c9d4df;border-radius:10px;background:#fafcfd}.code-note{padding:12px 14px;border-left:4px solid var(--gold);background:#fff8e9;color:#725617;border-radius:6px}
@media(max-width:992px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){body{padding-top:64px}.app-navbar{min-height:64px}.app-navbar .navbar-brand{height:64px;line-height:34px}.nav-user{line-height:35px;display:block;padding-left:15px}.metric-grid,.quick-actions{grid-template-columns:1fr}.page-shell{padding-top:18px}.page-header-card,.panel-card{padding:18px}}

.app-navbar .container{width:100%;padding-left:24px;padding-right:24px}.app-navbar .navbar-nav>li>a{padding-left:10px;padding-right:10px;font-size:13px}.nav-user{font-size:12px}


/* Public pages */
.public-page{padding-top:72px;background:var(--page);min-height:100vh}.public-navbar{position:fixed;top:0;right:0;left:0;z-index:1030;border-radius:0}.public-shell{padding-top:32px;padding-bottom:36px}.hero-card{background:linear-gradient(120deg,#ffffff,#f4fbfb);border:1px solid var(--border);border-radius:18px;padding:38px 42px;margin-bottom:24px;box-shadow:0 12px 32px rgba(24,49,83,.08)}.hero-card h1{font-size:36px;color:var(--navy);font-weight:750;margin:8px 0 12px}.hero-card p{font-size:17px;color:var(--muted);max-width:720px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;color:var(--teal)}.hero-actions{margin-top:22px}.hero-badge{width:170px;height:170px;border-radius:50%;margin:0 auto;background:linear-gradient(140deg,var(--navy),var(--teal));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:56px;font-weight:800;box-shadow:0 14px 30px rgba(24,49,83,.2)}.hero-badge small{font-size:13px;font-weight:600;margin-top:2px}.feature-row .panel-card{min-height:170px}.about-list{padding-left:20px}.about-list li{margin-bottom:7px}.auth-with-nav{padding-top:110px}.auth-card-wide{max-width:680px}
@media(max-width:768px){.public-page{padding-top:64px}.public-shell{padding-top:20px}.hero-card{padding:26px 22px}.hero-card h1{font-size:29px}.hero-badge{margin-top:24px;width:130px;height:130px;font-size:44px}.auth-with-nav{padding-top:95px}}