:root{--navy:#0c2340;--blue:#1a4a7a;--accent:#3a8cc4;--accent-light:#5ba8dc;--light-bg:#e8f0f8;--lighter-bg:#f4f7fb;--border:#c8d8eb;--text:#1a2636;--text-muted:#5a6e84;--pass-bg:#e8f5e9;--pass-text:#1b5e20;--pass-border:#a5d6a7;--fail-bg:#ffebee;--fail-text:#b71c1c;--fail-border:#ef9a9a;--warn-bg:#fff8e1;--warn-text:#e65100;--warn-border:#ffd54f;--white:#fff;--shadow-sm:0 1px 3px #0c234014;--shadow-md:0 4px 12px #0c23401f;--shadow-lg:0 8px 24px #0c23402e;--radius:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--lighter-bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app-header{background:var(--navy);color:#fff;z-index:100;position:sticky;top:0;box-shadow:0 2px 10px #00000059}.app-header__inner{align-items:center;gap:16px;max-width:1100px;height:64px;margin:0 auto;padding:0 24px;display:flex}.app-header__logo{background:var(--accent);color:#fff;letter-spacing:-.5px;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex}.app-header__titles{flex:1}.app-header__name{letter-spacing:.2px;font-size:16px;font-weight:700}.app-header__subtitle{color:#fff9;letter-spacing:.8px;text-transform:uppercase;margin-top:1px;font-size:11px}.app-header__badge{background:var(--blue);color:#ffffffd9;letter-spacing:.3px;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:11px}@media (width<=480px){.app-header__badge{display:none}}.project-bar{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.project-bar__inner{flex-wrap:wrap;align-items:center;gap:10px;max-width:1100px;margin:0 auto;padding:10px 24px;display:flex}.project-bar__label{color:var(--text-muted);white-space:nowrap;font-size:13px;font-weight:500}.project-bar__input{border:1px solid var(--border);border-radius:var(--radius);min-width:160px;max-width:280px;color:var(--text);background:var(--lighter-bg);outline:none;flex:1;padding:7px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.project-bar__input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #3a8cc426}.project-bar__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.btn{border-radius:var(--radius);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.2;transition:all .15s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--blue)}.btn--secondary{background:var(--light-bg);color:var(--blue);border:1px solid var(--border)}.btn--secondary:hover{background:var(--border)}.btn--sm{padding:6px 12px;font-size:13px}.btn--calculate{background:var(--blue);color:#fff;border-radius:var(--radius);justify-content:center;width:100%;margin-top:16px;padding:12px 24px;font-size:15px;font-weight:600}.btn--calculate:hover{background:var(--navy)}.btn svg{flex-shrink:0;width:15px;height:15px}.tab-bar{background:var(--white);border-bottom:2px solid var(--border);scrollbar-width:none;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex}.tab-bar__tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;align-items:flex-start;margin-bottom:-2px;padding:14px 20px 11px;font-size:14px;font-weight:500;transition:color .15s;display:flex}.tab-bar__tab:hover{color:var(--blue)}.tab-bar__tab--active{color:var(--blue);border-bottom-color:var(--accent)}.tab-bar__tab-name{font-size:14px;font-weight:500}.tab-bar__tab-std{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:400}.tab-bar__tab--active .tab-bar__tab-std{color:var(--accent)}.main-content{max-width:1100px;margin:0 auto;padding:24px}.module-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);overflow:hidden}.module-header{background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);color:#fff;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.module-header__icon{background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.module-header__icon svg{color:#fff;width:24px;height:24px}.module-header__info{flex:1}.module-header__title{font-size:19px;font-weight:700}.module-header__desc{color:#ffffffb8;margin-top:3px;font-size:13px;line-height:1.4}.module-header__std{color:#ffffffe6;letter-spacing:.4px;background:#ffffff26;border-radius:20px;flex-shrink:0;align-self:flex-start;padding:5px 12px;font-size:11px;font-weight:500}@media (width<=600px){.module-header__std{display:none}}.module-body{grid-template-columns:1fr 1fr;display:grid}@media (width<=760px){.module-body{grid-template-columns:1fr}}.inputs-section{border-right:1px solid var(--border);padding:24px}@media (width<=760px){.inputs-section{border-right:none;border-bottom:1px solid var(--border)}}.section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px;font-size:11px;font-weight:700}.input-grid{gap:14px;display:grid}.input-group{gap:5px;display:grid}.input-group__label{color:var(--text);font-size:13px;font-weight:500}.input-group__hint{color:var(--text-muted);font-size:11px;font-weight:400}.input-row{align-items:center;gap:8px;display:flex}.input-field{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:var(--lighter-bg);-moz-appearance:textfield;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #3a8cc41f}.input-field--select{cursor:pointer;appearance:auto}.input-unit{color:var(--text-muted);white-space:nowrap;min-width:28px;font-size:12px}.input-divider{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);border-top:1px dashed var(--border);margin:4px 0 -2px;padding-top:8px;font-size:11px;font-weight:600}.results-section{padding:24px}.results-placeholder{min-height:240px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.results-placeholder svg{opacity:.35;width:44px;height:44px}.result-banner{border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:20px;padding:16px 18px;display:flex}.result-banner--pass{background:var(--pass-bg);border:1px solid var(--pass-border)}.result-banner--fail{background:var(--fail-bg);border:1px solid var(--fail-border)}.result-banner__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.result-banner--pass .result-banner__icon{background:var(--pass-text);color:#fff}.result-banner--fail .result-banner__icon{background:var(--fail-text);color:#fff}.result-banner__icon svg{width:22px;height:22px}.result-banner__tag{text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700}.result-banner--pass .result-banner__tag{color:var(--pass-text)}.result-banner--fail .result-banner__tag{color:var(--fail-text)}.result-banner__status{margin-top:1px;font-size:20px;font-weight:700}.result-banner--pass .result-banner__status{color:var(--pass-text)}.result-banner--fail .result-banner__status{color:var(--fail-text)}.result-banner__sub{margin-top:2px;font-size:13px}.result-banner--pass .result-banner__sub{color:var(--pass-text);opacity:.85}.result-banner--fail .result-banner__sub{color:var(--fail-text);opacity:.85}.result-checks{gap:10px;margin-bottom:20px;display:grid}.result-check{background:var(--lighter-bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.result-check__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.result-check__label{color:var(--text);flex:1;font-size:13px;font-weight:600}.result-check__values{text-align:right;color:var(--text-muted);font-size:12px}.result-check__badge{border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:700}.badge--pass{background:var(--pass-bg);color:var(--pass-text);border:1px solid var(--pass-border)}.badge--fail{background:var(--fail-bg);color:var(--fail-text);border:1px solid var(--fail-border)}.badge--warn{background:var(--warn-bg);color:var(--warn-text);border:1px solid var(--warn-border)}.util-bar{background:var(--border);border-radius:4px;height:7px;overflow:hidden}.util-bar__fill{border-radius:4px;height:100%;transition:width .4s}.util-bar__fill--pass{background:var(--pass-text)}.util-bar__fill--warn{background:var(--warn-text)}.util-bar__fill--fail{background:var(--fail-text)}.values-table{gap:0;margin-bottom:20px;display:grid}.values-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;font-size:13px;display:flex}.values-row:last-child{border-bottom:none}.values-row__label{color:var(--text-muted)}.values-row__value{color:var(--text);font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.assumptions{border-top:1px solid var(--border);padding-top:14px}.assumptions__toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:500;display:flex}.assumptions__toggle:hover{color:var(--blue)}.assumptions__toggle svg{flex-shrink:0;width:14px;height:14px;transition:transform .2s}.assumptions__toggle--open svg{transform:rotate(180deg)}.assumptions__list{gap:6px;margin-top:12px;display:grid}.assumptions__item{color:var(--text-muted);gap:8px;font-size:12px;line-height:1.4;display:flex}.assumptions__item:before{content:"•";color:var(--accent);flex-shrink:0}.app-footer{max-width:1100px;margin:0 auto;padding:0 24px 32px}.disclaimer{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);align-items:flex-start;gap:12px;padding:14px 18px;display:flex}.disclaimer__icon{flex-shrink:0;margin-top:1px}.disclaimer__icon svg{width:18px;height:18px;color:var(--warn-text)}.disclaimer__text{color:var(--warn-text);font-size:13px;line-height:1.6}.disclaimer__text strong{font-weight:600}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal__title{color:var(--navy);font-size:16px;font-weight:700}.modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:22px;line-height:1}.modal__close:hover{color:var(--text)}.modal__body{padding:8px 24px 20px;overflow-y:auto}.saved-project{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.saved-project:last-child{border-bottom:none}.saved-project__name{color:var(--text);font-size:14px;font-weight:600}.saved-project__date{color:var(--text-muted);margin-top:2px;font-size:12px}.saved-project__actions{flex-shrink:0;gap:6px;display:flex}.no-projects{text-align:center;color:var(--text-muted);padding:32px;font-size:14px}.toast{background:var(--navy);color:#fff;border-radius:var(--radius);z-index:2000;box-shadow:var(--shadow-lg);padding:12px 20px;font-size:14px;animation:.2s toastin;position:fixed;bottom:24px;right:24px}@keyframes toastin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.type-selector{border-bottom:1px solid var(--border);display:flex}.type-selector__btn{background:var(--lighter-bg);color:var(--text-muted);cursor:pointer;text-align:left;border:none;border-right:1px solid var(--border);flex:1;align-items:center;gap:14px;padding:14px 20px;transition:all .15s;display:flex}.type-selector__btn:last-child{border-right:none}.type-selector__btn:hover{background:var(--light-bg);color:var(--blue)}.type-selector__btn--active{background:var(--white);color:var(--blue);border-bottom:3px solid var(--accent)}.type-selector__icon{opacity:.7;flex-shrink:0;width:32px;height:32px}.type-selector__btn--active .type-selector__icon{opacity:1}.type-selector__icon svg{width:100%;height:100%}.type-selector__info{flex-direction:column;gap:3px;display:flex}.type-selector__name{font-size:14px;font-weight:600}.type-selector__desc{color:var(--text-muted);font-size:12px}.type-selector__btn--active .type-selector__desc{color:var(--accent)}@media (width<=600px){.type-selector__desc{display:none}.type-selector__btn{gap:10px;padding:12px}}.module-diagram-full{background:var(--lighter-bg);border-bottom:1px solid var(--border);padding:12px 20px 8px}.module-diagram-full svg{width:100%;height:auto;display:block}.module-diagram{background:var(--lighter-bg);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.module-diagram svg{width:100%;height:auto;display:block}@media print{body{background:#fff}.no-print{display:none!important}.app-header{box-shadow:none;position:static}.module-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}.module-body{grid-template-columns:1fr 1fr!important}}