/* Energetic Edge: screen theme. Invoice printing retains the clean paper layout. */
@media screen{
:root{--ink:#17223c;--muted:#64728a;--line:#e2e8f3;--green:#245bff;--lime:#bdf857;--bg:#f3f6fc}
body{font-family:'Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink)}
h1{font-size:34px;letter-spacing:-1.3px;font-weight:750}h2{font-weight:700}small{color:#6c7990}
.sidebar{background:#101a31;border:0;width:238px;padding:22px 22px 28px;color:#fff;box-shadow:5px 0 25px #14244908;overflow-y:auto}
.sidebar .brand{justify-content:center;flex-shrink:0}.sidebar-logo{width:180px;margin:-24px auto -15px}
.sidebar .nav-label{color:#788cac;margin:24px 15px 13px;font-size:9px;letter-spacing:2px}
nav a{color:#a8b7d1;border:1px solid transparent;border-radius:10px;padding:12px 14px;transition:background .18s,color .18s,transform .18s}
nav a span{color:#7892ba}nav a:hover{background:#1c2c48;color:white;transform:translateX(3px)}
nav a.active{background:#245bff;color:#fff;box-shadow:0 6px 18px #0002;border-color:#4574ff}nav a.active span{color:#fff}
.sidebar-bottom{padding-top:25px}.sidebar-bottom small{color:#8395b2}.online{color:#bdf857}.online span{color:#acbbd3}.logout{color:#bac9e2}.logout:hover{color:white}
header{background:#ffffffdd;backdrop-filter:blur(12px);height:76px;padding:0 36px;border-color:#e4eaf4;font-weight:550}.header-right{color:#6b7b95}.avatar{background:#e8efff;color:#245bff;border:1px solid #d7e2ff}
.content{padding:36px;max-width:1700px}.page-heading{margin-bottom:30px}.page-heading .eyebrow{color:#245bff}.eyebrow{color:#245bff;letter-spacing:1.7px;font-size:10px}
.primary{background:#245bff;border:1px solid #245bff;box-shadow:0 5px 12px #245bff24;border-radius:9px;padding:12px 19px;transition:background .18s,transform .18s,box-shadow .18s}
.primary:hover{background:#1249ec;transform:translateY(-1px);box-shadow:0 7px 18px #245bff35}.primary:active{transform:translateY(0)}.primary:disabled{transform:none;box-shadow:none}
.secondary{border:1px solid #d7e1f1;color:#354a6a;border-radius:9px;background:#fff}.secondary:hover{background:#edf3ff;border-color:#9bb6fb}
.stats{gap:18px}.stats article{position:relative;border:1px solid #e1e8f5;border-radius:14px;padding:24px;box-shadow:0 4px 16px #1b386006;overflow:hidden}
.stats article:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#245bff}
.stats article:nth-child(2):before{background:#14b894}.stats article:nth-child(3):before{background:#8b5cf6}.stats article:nth-child(4):before{background:#ff9a3c}
.stats article>span{color:#62748d;font-weight:600}.stats h2{font-size:27px;color:#152743;font-weight:750;margin-top:17px}.stats article:first-child{background:#245bff;border-color:#245bff;box-shadow:0 10px 25px #245bff26}.stats article:first-child>span,.stats article:first-child small{color:#d5e1ff}.stats article:first-child h2{color:white}.stats article:first-child:before{background:#9cb8ff}
.green{color:#0d9c80}.orange{color:#b56a12!important}
.welcome-strip{background:linear-gradient(110deg,#172848 0%,#1c3470 65%,#3049a1 100%);border:0;border-radius:14px;min-height:151px;padding:30px;color:white;isolation:isolate}
.welcome-strip:after{content:'';position:absolute;right:70px;top:-90px;width:250px;height:250px;border:35px solid #729bff1c;border-radius:50%;z-index:-1;transform:skew(-18deg)}
.welcome-strip .eyebrow{color:#bdf857}.welcome-strip h2{font-size:24px;color:white}.welcome-strip p{color:#b4c8ee}.welcome-strip a{background:#bdf857;color:#182b21;border:0;border-radius:8px;padding:11px 16px;font-weight:700;flex-shrink:0}
.panel{border:1px solid #e0e7f2;border-radius:14px;box-shadow:0 5px 24px #17325a05}.panel-title{padding:24px 26px}.panel-title h2{color:#1d304d}.panel-title p{color:#77869c}
th{background:#f6f8fd;color:#73849e;border-color:#e6ebf5;font-size:10px;font-weight:700;padding:14px 22px}td{border-color:#edf1f8;color:#3b4b65;padding:18px 22px}td strong{color:#1d3255}tbody tr:hover{background:#f8faff}.invoice-paper tbody tr:hover{background:none}
.text-link{color:#245bff}.text-link:hover{color:#163db5;text-decoration:underline}.search{background:#f6f8fd!important}.count{background:#eaf0ff;color:#245bff}
.paid{background:#dff8ef;color:#087852}.unpaid{background:#fff0dc;color:#a36011}.partial{background:#eae7ff;color:#6644c7}.badge{padding:5px 11px;font-size:10px}
label{color:#4e617e}input,select,textarea{border-color:#dbe3f0;border-radius:8px;color:#213958;background:#fff;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#5684ff;box-shadow:0 0 0 3px #245bff15}
input[type=checkbox]{accent-color:#245bff}.items-table select{background:#f0f4fd}.form-panel{padding:26px}.totals-panel{background:#f5f8ff;border-color:#d7e3ff}.totals-panel .total{color:#245bff;border-color:#d8e3f8}.summary-line{color:#536783}.summary-line strong{color:#253e65}.total strong{color:inherit}
.alert{background:#fff0ec;border:1px solid #ffd7cc;color:#a8442c}.success{background:#e4f8f0;border:1px solid #c8eddf;color:#197657}
.empty{color:#7689a2}.empty h3{color:#283f62}.empty-icon{color:#6f92f3}.app-footer{color:#8697b0;border-color:#dfe7f3}.cancel{color:#677d9e}
.auth{background:#f7f9ff}.auth-brand{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 5% 100%,#245bff75,transparent 55%),linear-gradient(145deg,#101a31,#182f5d);padding:8vh 12%;color:white}
.auth-brand:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #698ee63b;border-radius:50%;right:-240px;top:30%;box-shadow:0 0 0 50px #7da6ff06,0 0 0 100px #7da6ff04;z-index:-1}
.auth-logo{width:265px;margin:-40px 0 20px}.auth-brand h1{color:white;font-weight:800;letter-spacing:-2.4px;font-size:58px}.auth-brand>p:not(.eyebrow){color:#aebfe0;font-size:16px}.auth-tags{color:#bdf857;letter-spacing:2px;border-top:1px solid #6b83b33b;padding-top:22px;margin-top:45px}
.auth-form{max-width:455px;padding:35px}.auth-form h2{font-size:34px;color:#172b50}.auth-form .eyebrow{color:#245bff}.auth-form input{background:white}.auth-form .primary{padding:14px}.local-note{color:#6581a5}
.invoice-paper{border-color:#dde5f0;box-shadow:0 8px 30px #17325a08}.invoice-paper .eyebrow{color:#697b92}.invoice-top{border-color:#223754}.invoice-paper h3{color:#1d304d}.invoice-paper th{color:#667993}.invoice-paper .summary-line{color:#536783}.invoice-paper .total{color:#1d304d}.invoice-paper .invoice-footer{color:#738198}.invoice-paper .invoice-top p,.invoice-paper .bill-to p,.invoice-notes p{color:#6e7d93}
:focus-visible{outline:3px solid #89adff;outline-offset:3px}
@media(min-width:1500px){.content{padding:44px}.stats h2{font-size:30px}}
@media(max-width:1150px){.sidebar{width:200px;padding:18px}.sidebar-logo{width:155px}.content{padding:28px 24px}.page-heading h1{font-size:29px}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{width:auto;padding:12px 16px;overflow:visible}.sidebar .brand{justify-content:flex-start}.sidebar-logo{width:110px;margin:-17px 0 -12px}.sidebar nav{margin-top:8px;gap:6px}.sidebar nav a{padding:9px 11px}.sidebar nav a:hover{transform:none}.content{padding:24px 16px}.page-heading h1{font-size:28px}.stats{gap:12px}.stats article{padding:18px}.stats h2{font-size:20px}.stats article>span{font-size:11px}.welcome-strip{padding:24px}.welcome-strip h2{font-size:22px}.welcome-strip a{display:inline-block;margin-top:17px}.auth-brand{padding:35px}.auth-logo{width:195px;margin:-30px 0 5px}.auth-brand h1{font-size:42px}.auth-tags{margin-top:25px}.auth-form{padding:28px}.form-panel{padding:21px}header{padding:0 20px;height:58px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
}
@media screen and (min-width:701px){.sidebar{scrollbar-width:thin;scrollbar-color:#334666 #101a31}.sidebar nav a{padding-top:10px;padding-bottom:10px}.sidebar-bottom{padding-top:15px}}

@media screen{
.jobs-table th{font-size:12px;padding:16px 22px}
.jobs-table td{font-size:15px;padding:20px 22px}
.jobs-table td small{font-size:12px;margin-top:6px}
.jobs-table .badge{font-size:12px;padding:6px 12px}
.jobs-table .text-link{font-size:14px}
.jobs-table [data-job-url]{cursor:pointer}
.jobs-table .job-delete-link{color:#b42318}
.jobs-table .actions{flex-wrap:nowrap;gap:20px}
.inline-delete-form{margin:0}.delete-button{color:#b42318;border-color:#efb3aa;background:#fff0ed}.delete-button:hover{color:#8f1d14;border-color:#dc8f84;background:#ffe3de}
}