/* Product studio theme: shared neutral surfaces, dark navigation, lime accents. */
:root{--purple:#405828;--purple-dark:#2f441d;--muted:#78836f;--line:#e3e8dc;--surface:#fafbf7;--shadow:0 6px 24px #25331905;background:#d9ddd6;color:#252d21;--radius:18px}
body{background:radial-gradient(ellipse at 50% 0,#edf0e8 0,transparent 60%),#d9ddd6}
.login-page{background:radial-gradient(ellipse at 20% 20%,#dce6cf 0,transparent 60%),#e3e8dc}.login-brand-panel{background:linear-gradient(145deg,#273520,#748569);color:#f4f8eb}.login-form-panel h2{color:#314427}.login-form-panel .btn-primary{background:#354a25;box-shadow:none}.login-sub,.login-note{color:#879777}.login-card{box-shadow:0 25px 80px #2836201c}.login-flow span{background:#d6efb70c;border-color:#d6efb736}
button:focus-visible,a:focus-visible{outline-color:#81a843}input:focus,textarea:focus,select:focus{border-color:#839a64!important;box-shadow:0 0 0 3px #83a64619}
.studio-shell{display:flex;flex-direction:column;width:100%;max-width:none;margin:0;min-height:100vh;min-height:100dvh;background:#f3f5ef;border:0;border-radius:0;box-shadow:none}
.studio-shell .sidebar{position:relative;top:auto;min-height:0;width:100%;margin:0;padding:13px 25px;border-radius:0;background:#20281e;display:flex;flex-direction:row;align-items:center;gap:28px;align-self:auto}
.studio-shell .brand{color:#d7f8a6;display:flex;gap:10px;align-items:center;width:auto;height:auto;margin:0;flex-shrink:0}.studio-shell .brand svg{width:26px;height:26px;filter:none}.studio-brand-name{font-size:10px;font-weight:650;letter-spacing:1.6px}
.studio-shell .nav-list{flex:1;min-width:0;width:auto;flex-direction:row;gap:3px;justify-content:center;overflow-x:auto;scrollbar-width:none}.studio-shell .nav-item{width:auto;flex-shrink:0;flex-direction:row;gap:6px;padding:9px 12px;font-size:11px;border-radius:25px;color:#bdc8b4}.studio-shell .nav-item svg{width:15px;height:15px}.studio-shell .nav-item.active{color:#17200e;background:#c2f74f}.studio-shell .nav-item.active:before{display:none}.studio-shell .nav-item:hover:not(.active){color:#e6f1dc;background:#ffffff0c}.studio-shell .sidebar-bottom{flex-direction:row;padding:0;gap:10px;margin:0}.studio-shell .sidebar .avatar{height:28px;width:28px;border-color:#667858;background:#eef4e3!important;color:#425536!important;font-size:10px}.studio-shell .sidebar-logout{color:#bcccae;padding:5px}
.studio-shell .workspace{padding:24px 28px;flex:1;width:100%}.studio-shell .topbar{gap:20px;margin-bottom:21px}.studio-shell .breadcrumb{font-size:9px;color:#7f8a72;letter-spacing:1px;margin-bottom:4px}.studio-shell .page-heading{font-size:21px;font-weight:550;letter-spacing:0;color:#303a28}.studio-shell .topbar-right{gap:14px}.studio-shell .global-search-box{border-color:#dce3d3;background:#fafcf6;border-radius:25px;height:35px}.studio-shell .global-search input{color:#515f44;font-size:11px;width:160px}.studio-shell .search-shortcut{background:#eef2e6;color:#7b876c;border-color:#e1e7d8}.studio-shell .user-menu{border-left-color:#dce2d3}.studio-shell .user-name{color:#3c4a2e;font-size:12px}.studio-shell .user-role{font-size:10px}.studio-shell .demo-tag{background:#e6eddc;color:#6b7c55;border-radius:25px;font-size:9px;padding:3px 9px}.studio-shell .icon-btn{color:#68785b}.studio-shell .icon-btn:hover{background:#e8eede;color:#344524}.studio-shell .notification-dot{background:#88a55c;outline-color:#f3f5ef}
.studio-shell .toolbar{gap:12px;margin-bottom:18px}.studio-shell .segment-control{background:#e5eadd;border:1px solid #dce3d2;border-radius:30px;padding:4px;gap:2px}.studio-shell .segment-control button{font-size:10px;border-radius:30px;padding:7px 13px;color:#748263}.studio-shell .segment-control button.active{background:#283720;color:#e8f8d7;box-shadow:none}.studio-shell .btn{border-radius:25px}.studio-shell .btn-primary,.modal .btn-primary{background:#354a25;color:#f1f8e7;box-shadow:none}.studio-shell .btn-primary:hover,.modal .btn-primary:hover{background:#243919}.studio-shell .btn-secondary,.modal .btn-secondary{color:#566745;background:#f9fcf3;border-color:#d8e0cc}.studio-shell .btn-ghost{color:#6b7f55}.studio-shell .btn-ghost:hover{background:#e4ecd8}.studio-shell .filter-tab{background:#e8eddf;color:#7c8b6c;border-radius:25px}.studio-shell .filter-tab.active{background:#d8e7c6;color:#3e5727}.studio-shell .tag{background:#eaf0e0;color:#6b8053;border-radius:15px}.studio-shell .project-card,.studio-shell .panel{border-color:#e0e6d8;background:#fcfdf9}.studio-shell .project-card h3{color:#37462b}.studio-shell .project-card p{color:#77866a}.studio-shell .project-card .progress-fill{background:#9abd5c}.studio-shell .progress-track{background:#e8eddf}.studio-shell .badge-purple{background:#e9efdc;color:#627b3c}.studio-shell .badge-gray{background:#eef0e9;color:#7d886e}.studio-shell .data-table th{color:#82916d;border-bottom-color:#e7eddf}.studio-shell .data-table td{border-bottom-color:#eef1e8;color:#515f43}.studio-shell .data-table tbody tr:hover{background:#f4f8ed}.studio-shell .footer-note{color:#94a083;margin-top:20px;font-size:9px}.studio-shell .notice{background:#edf3e4;color:#6b8056}.studio-shell .select-input,.studio-shell .search-input{background:#fbfdf7;color:#596b46;border-color:#dce4d1;border-radius:25px}
.modal{background:#fbfdf8;color:#35432b;border-color:#dce6d0;border-radius:22px}.modal::backdrop{background:#1c271454;backdrop-filter:blur(5px)}.modal-footer{background:#f7faf2}.field>span:first-child{color:#647854}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{border-color:#dfe7d4;color:#3d502e;background:#fff}.field small{color:#7e8e70}.detail-section h3{color:#425e2d}.detail-label{color:#8a9c78}.modal .notice{background:#eff5e5;color:#69804f}.modal .btn{border-radius:22px}.toast{color:#5a753f;background:#fcfff6;border-color:#e3efd5}.toast-error{color:#b35052;border-color:#f5d9d9}.studio-shell .expense-top{background:linear-gradient(105deg,#fcfdf8,#edf3e3);border-color:#e1e9d6}.studio-shell .expense-metrics article{background:#fcfdf8;border-color:#e1e8d8}.studio-shell .expense-metrics strong{color:#3b502a}.studio-shell .expense-breakdown-list .progress-track i{background:#8ead56}
@media(max-width:1200px){.studio-shell .sidebar{gap:12px;padding:12px 20px}.studio-brand-name{display:none}.studio-shell .nav-item{padding:9px 11px}.studio-shell .workspace{padding:22px 24px}.studio-shell .global-search-box{display:flex}.studio-shell .global-search input{width:130px}}
@media(max-width:950px){.studio-shell .sidebar{gap:13px}.studio-shell .nav-list{justify-content:flex-start}.studio-shell .nav-item{padding:8px 10px}.studio-shell .nav-item svg{display:none}.studio-shell .topbar-right .global-search{display:none}.studio-shell .user-menu{display:flex}.studio-shell .workspace{padding:20px}}
@media(max-width:650px){.studio-shell .sidebar{gap:10px;padding:12px 14px}.studio-shell .sidebar .avatar{display:none}.studio-shell .sidebar-bottom{gap:0}.studio-shell .brand svg{width:24px;height:24px}.studio-shell .workspace{padding:19px 13px}.studio-shell .topbar-right .user-menu{display:none}.studio-shell .nav-item{font-size:11px;padding:7px 10px}.studio-shell .toolbar-actions{width:auto;flex-wrap:wrap}.studio-shell .segment-control{flex-wrap:wrap}.studio-shell .segment-control button{padding:7px 11px}.studio-shell .page-heading{font-size:20px}.studio-shell .topbar{margin-bottom:19px}.studio-shell .toolbar>.toolbar-actions{width:100%;justify-content:space-between}.studio-shell .footer-note{gap:5px}}