:root{font-family:Inter,Arial,sans-serif;color:#f5f7f9;background:#07141c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:linear-gradient(180deg,#06141d,#071923);min-height:100vh;position:relative;border-right:1px solid #22303b}.logo{height:152px;padding:24px 25px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.logo small{font-size:15px;font-style:italic;align-self:center}.logo b{font-size:52px;letter-spacing:5px;font-weight:400;line-height:1.1;border-top:6px solid transparent;border-image:linear-gradient(90deg,#09c684,#0b9ef3,#a335cb,#ff8a00) 1}.logo span{font-size:9px;letter-spacing:1.8px}.sidebar nav{display:flex;flex-direction:column;gap:5px;padding:0 8px}.sidebar nav button{border:0;border-radius:5px;background:transparent;color:#e7e9eb;display:flex;align-items:center;gap:17px;padding:14px 15px;text-align:left;font-size:14px}.sidebar nav button.active,.sidebar nav button:hover{background:#ff8514;color:#06141b;font-weight:700}.sidefoot{margin-top:70px;padding:85px 18px 45px;text-align:center;font-size:27px;line-height:1.25;font-style:italic;transform:rotate(-9deg);color:#fff;text-shadow:0 2px 5px #000}.main{flex:1;min-width:0}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0a1822;border-bottom:1px solid #24333d}header b{font-size:15px}.headRight{display:flex;align-items:center;gap:25px}.search{display:flex;align-items:center;gap:10px;padding:10px 13px;background:#122431;border:1px solid #2a3b48;border-radius:6px}.search input{background:transparent;color:#fff;border:0;outline:none;width:140px}.user{display:flex;align-items:center;gap:12px}.user span{display:flex;flex-direction:column;font-size:13px}.user small{color:#aab5c0}.logout,.hamburger,.iconButton{background:transparent;border:0;color:#e5eaf0}.hamburger{display:none}.hero{height:153px;padding:12px 38px;position:relative;background:linear-gradient(90deg,#091722,#091722d9 48%,#09172250),linear-gradient(110deg,#1c2933,#3b3329 65%,#0e293e);overflow:hidden}.hero:after{content:"";position:absolute;right:10%;top:-130px;width:430px;height:350px;background:radial-gradient(ellipse,#ffb45a40,transparent 60%);pointer-events:none}.hero h1{font-size:39px;line-height:1.03;margin:0 0 4px}.hero p{font-size:23px;color:#b8c3d0;margin:0}.hero em{position:absolute;right:30px;top:38px;font-size:23px;transform:rotate(-10deg)}.tiles{padding:0 22px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:0}.tile{position:relative;overflow:hidden;min-height:235px;grid-column:span 3;border:1px solid #263440;border-radius:7px;color:#fff;text-align:left;padding:105px 22px 20px;background:linear-gradient(0deg,#07151fee,#0b1c2dc2 45%,#253b49aa),linear-gradient(135deg,#364957,#0e202b);transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-3px);border-color:#ff8514}.tile:nth-child(n+5){grid-column:span 4;min-height:215px}.tile.finance{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#625445,#1a2932)}.tile.stock{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#465f57,#1b252c)}.tile.guests{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#655449,#1b252c)}.tile.team{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#444c56,#1b252c)}.tile.mountain{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#384d69,#1b252c)}.tile.reports{background:linear-gradient(0deg,#07151ff5,#0b1c2da8),linear-gradient(120deg,#5b5d61,#1b252c)}.tileIcon{color:#ff8613;position:absolute;top:95px;left:22px}.tile h2{font-size:21px;margin:36px 0 5px}.tile p{font-size:14px;line-height:1.5;color:#c2cbd4;margin:0;max-width:270px}.tile .arrow{position:absolute;right:16px;bottom:20px;background:#1b303e;border-radius:50%;padding:8px;width:36px;height:36px}.bottom{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:17px;padding:16px 22px}.bottom section,.panel{background:#0d1e29;border:1px solid #253441;border-radius:7px;padding:18px}.bottom h3{margin:0 0 12px;font-size:17px}.chart{height:140px;background:repeating-linear-gradient(0deg,transparent,transparent 34px,#ffffff08 35px)}.chart svg{width:100%;height:100%;overflow:visible}.chart path{fill:none;stroke:#ff8613;stroke-width:2}.chart path+path{stroke:#1299e5}.muted{color:#9caeba;font-size:14px}.content{padding:30px;max-width:1400px}.content h1{margin:0;font-size:34px}.panel{margin-top:24px}.panel h2{display:flex;align-items:center;gap:8px;font-size:20px}.form{display:flex;flex-wrap:wrap;gap:10px}.form input,.form select,.panel>select,.loginBox input{background:#152b39;color:#fff;border:1px solid #385064;border-radius:5px;padding:12px;min-width:180px}.form button,.panel>button,.loginBox button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:#ff8613;color:#0b1720;font-weight:700;border-radius:5px;padding:12px 18px}.record{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #2a3a46;padding:14px 0}.record span{display:flex;flex-direction:column;gap:4px}.record small{color:#b4bec8}.permissions{margin:20px 0;overflow:auto}.permHead,.permRow{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(70px,1fr));gap:5px;align-items:center;padding:11px;border-bottom:1px solid #31424d}.permHead{color:#ff8613}.permRow label{text-align:center}.permRow input{accent-color:#ff8613;width:17px;height:17px}.message{color:#ffb66c}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 10%,#304354,#08151e 60%)}.loginBox{background:#0d202b;border:1px solid #2d4050;border-radius:12px;padding:28px 38px 38px;width:min(440px,92vw);display:flex;flex-direction:column;gap:15px;box-shadow:0 20px 80px #0007}.loginBox .logo{height:130px;padding:0}.loginBox h1{margin:0}.loginBox p{margin:0;color:#b3c1ca}.loginBox .error{color:#ff9b9b}@media(max-width:1150px){.tiles{grid-template-columns:repeat(6,1fr)}.tile,.tile:nth-child(n+5){grid-column:span 3}.bottom{grid-template-columns:1fr 1fr}}@media(max-width:750px){.sidebar{position:fixed;z-index:10;left:-260px;transition:left .2s;box-shadow:0 0 30px #0009}.sidebar.show{left:0}.hamburger{display:block}.headRight{gap:12px}.headRight .search,.headRight .user span{display:none}header{padding:0 15px}.hero{padding:22px;height:170px}.hero h1{font-size:31px}.hero p{font-size:17px}.hero em{display:none}.tiles{grid-template-columns:1fr;padding:12px}.tile,.tile:nth-child(n+5){grid-column:span 1;min-height:195px}.tileIcon{top:55px}.tile{padding-top:65px}.bottom{grid-template-columns:1fr;padding:12px}.content{padding:20px}.permHead,.permRow{min-width:620px}}.logo .brand-logo{display:block;width:100%;max-width:195px;height:auto;object-fit:contain}.loginBox .logo{height:auto;min-height:125px;padding:0;display:flex;align-items:center;justify-content:center;width:100%}.loginBox .brand-logo{max-width:290px;width:100%;height:auto}.loginBox h1,.loginBox>p{text-align:center}.sidebar .logo{align-items:center}.expenseModule{max-width:1480px}.expenseHeading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.expenseHeading h1,.expenseHeading h2{margin:0}.expenseActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.expenseActions button,.expenseActions select{border:0;background:#ff8613;color:#07141c;font-weight:700;padding:12px 16px;border-radius:6px}.expenseActions .expenseSecondary{background:#1a3443;color:#e9f0f4;border:1px solid #3b5360}.expenseKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:25px}.expenseKpi{background:#0d1e29;border:1px solid #273c48;border-radius:8px;padding:21px}.expenseKpi small{display:block;color:#a5b5c0;margin-bottom:10px}.expenseKpi strong{font-size:25px;font-variant-numeric:tabular-nums}.expenseFilters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.expenseFilters input,.expenseFilters select,.expenseForm input,.expenseForm select{background:#152b39;color:#f3f6f8;border:1px solid #385064;border-radius:5px;padding:11px;width:100%;min-width:0}.expenseFilters input,.expenseFilters select{width:auto;min-width:165px}.expenseFilters input{flex:1}.expenseForm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.expenseForm label{display:flex;flex-direction:column;gap:6px;color:#b9c6cf;font-size:13px}.expenseForm .expenseWide{grid-column:1/-1}.expenseTableWrap{overflow:auto}.expenseTable{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.expenseTable th{color:#aab9c3;text-align:left;background:#122734;padding:13px}.expenseTable td{padding:13px;border-bottom:1px solid #263946}.expensePaid{color:#5bd6a1}.expenseOpen{color:#ffb365}.expenseLink{background:transparent;border:0;color:#ff9d47;padding:5px}.expenseCategories>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #263946}.expenseError{background:#4b2027;color:#ffd1d1;padding:13px;margin-top:15px;border-radius:5px}@media(max-width:1100px){.expenseKpis,.expenseForm{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.expenseKpis,.expenseForm{grid-template-columns:1fr}.expenseKpi strong{font-size:21px}}.businessModule{display:grid;gap:18px}.businessTabs{display:flex;gap:8px;flex-wrap:wrap}.businessTabs button{background:#222a33;border:1px solid #38434d;border-radius:9px;color:#f4f5f6;padding:11px 16px;cursor:pointer}.businessTabs button.selected{background:#b7e600;color:#111;font-weight:800;border-color:#b7e600}.businessForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}.businessForm label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c8d0d5}.businessForm input,.businessForm select,.businessPeriod input{width:100%;min-width:0;background:#19232c;border:1px solid #46515a;border-radius:7px;padding:10px;color:#fff}.businessForm label:has(input[type=checkbox]){flex-direction:row;align-items:center}.businessForm input[type=checkbox]{width:auto}.businessActions{display:flex;gap:10px;align-items:end}.businessPeriod{padding:12px 0}.businessPeriod label{display:flex;align-items:center;gap:12px}.businessPeriod input{width:180px}.businessModule .expenseTable button{background:none;border:0;color:#b7e600;cursor:pointer;padding:4px 6px}.businessModule .expenseHeading input{background:#19232c;color:#fff;border:1px solid #46515a;padding:10px;border-radius:8px}
