@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";.auth-page{background:radial-gradient(circle at 20% 10%,#dfeab7,#0000 32%),#f3f6f1;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:#fff;border:1px solid #dfe5df;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 20px 60px #18302018}.auth-card .logo{margin-bottom:24px}.auth-card>p{color:#68756d}.auth-card form{gap:15px;margin-top:24px;display:grid}.auth-card label{color:#4b5b51;font-size:13px;font-weight:600}.auth-card input{border:1px solid #d5ddd7;border-radius:9px;width:100%;margin-top:6px;padding:12px;font:15px inherit;display:block}.auth-card form .primary{justify-content:center;margin-top:5px}.auth-switch{color:#286044;cursor:pointer;background:0 0;border:0;margin:20px auto 0;font:600 14px inherit;display:block}.auth-error{color:#922b25;background:#fee9e7;border-radius:8px;padding:10px 12px;font-size:13px}.top-actions{align-items:center;gap:10px;display:flex}.signed-in{color:#66746b;font-size:13px}.queued,.normalizing,.transcribing,.analyzing{color:#945a00!important;background:#fff0d5!important}.complete{color:#26703d!important;background:#e4f5e9!important}.failed{color:#a92c25!important;background:#fee4e2!important}.progress{background:#eef5dc;border:1px solid #dce8b9;border-radius:12px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 18px;display:flex}.progress small{color:#66735e;margin-top:3px;display:block}.spinner{border:3px solid #bac995;border-top-color:#153d29;border-radius:50%;width:21px;height:21px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:#922b25;background:#fee9e7;border-radius:10px;margin-bottom:18px;padding:13px 16px}.history{margin-bottom:18px;padding:18px}.history>div{text-transform:capitalize;border-top:1px solid #edf0ed;justify-content:space-between;padding:10px 0;display:flex}.history span{color:#7b877f;font-size:13px}.player{padding:20px}.player audio{width:100%}.segments{border:1px solid #e4e8e5;border-radius:8px;max-height:190px;margin-bottom:12px;padding:8px 12px;overflow:auto}.segments p{gap:10px;margin:6px 0;font-size:12px;line-height:1.5;display:flex}.segments b{color:#39704e;min-width:34px}.edit-form{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.edit-form label{color:#68756c;font-size:12px;font-weight:600}.edit-form .wide{grid-column:1/-1}.edit-form input,.edit-form textarea,.edit-form select{color:#243129;border:1px solid #d6ded8;border-radius:8px;width:100%;margin-top:6px;padding:10px;font:14px inherit}.edit-form textarea{resize:vertical;min-height:82px}:root{color:#17211b;background:#f4f6f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app>aside{color:#f7faf8;background:#10251b;flex-direction:column;padding:28px 20px;display:flex}.brand,.profile{align-items:center;gap:12px;display:flex}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand small,.profile small{color:#9cb4a7;font-size:12px}.logo{color:#142018;background:#d8f13e;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.brand strong{font:700 18px Manrope}nav{gap:8px;margin-top:42px;display:grid}nav button,.upload-nav{color:#b8c9bf;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}nav button.active,nav button:hover,.upload-nav:hover{color:#fff;background:#20382c}.profile{border-top:1px solid #294035;margin-top:auto;padding-top:22px}.avatar{color:#142018;background:#d8f13e;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}main{width:100%;max-width:1500px;margin:auto;padding:38px 46px}header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:6px;font-family:Manrope}h1{font-size:34px}header p{color:#647168}.eyebrow{letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700;color:#6e7f74!important}.primary,.secondary,.icon-btn{cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font:600 14px inherit;text-decoration:none;display:flex}.primary{color:#fff;background:#153d29}.secondary,.icon-btn{color:#203128;background:#fff;border:1px solid #dce2dd}.primary input,.upload-nav input{display:none}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metrics div,.panel{background:#fff;border:1px solid #e1e6e2;border-radius:14px;box-shadow:0 2px 8px #1830200a}.metrics div{padding:18px 20px}.metrics span,.facts span{color:#748078;font-size:13px;display:block}.metrics strong{margin-top:6px;font:700 28px Manrope;display:block}.panel-top{border-bottom:1px solid #e7ebe8;gap:10px;padding:14px;display:flex}.search{border:1px solid #dce2dd;border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:100%;font:inherit;border:0;outline:0;padding:11px 0}select{color:#334238;background:#fff;border:1px solid #dce2dd;border-radius:9px;padding:10px}.tr{text-align:left;color:#26342c;background:#fff;border:0;border-bottom:1px solid #edf0ed;grid-template-columns:1.1fr 1.8fr 1.5fr .8fr 1.1fr .5fr;align-items:center;gap:15px;width:100%;padding:15px 18px;font:14px inherit;display:grid}.tr:not(.th){cursor:pointer}.tr:not(.th):hover{background:#f8faf7}.tr small{color:#859087;margin-top:3px;display:block}.th{text-transform:uppercase;letter-spacing:.08em;color:#7c8980;font-size:11px;font-weight:700}.badge{background:#eef2ef;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.urgent{color:#a92c25;background:#fee4e2}.high,.callback-required{color:#945a00;background:#fff0d5}.normal,.in-review,.in-progress{color:#285c9d;background:#e3edff}.low,.completed{color:#26703d;background:#e4f5e9}.open{color:#25633f;font-weight:700}.empty{text-align:center;color:#758178;padding:55px}.toast{color:#fff;z-index:5;background:#10251b;border-radius:9px;max-width:450px;padding:12px 18px;position:fixed;top:20px;right:30px}.back{color:#53635a;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-bottom:24px;padding:0;display:flex}.detail-head{border-bottom:1px solid #dde3de;padding-bottom:23px}.head-actions{gap:10px;display:flex}.detail-grid{grid-template-columns:1.65fr .8fr;gap:18px;display:grid}.analysis,.caller,.transcript{padding:24px}.right{flex-direction:column;gap:18px;display:flex}.section-title,.article-title{justify-content:space-between;align-items:flex-start;display:flex}.facts{background:#f5f7f4;border-radius:10px;grid-template-columns:1fr 2fr;gap:20px;margin:18px 0;padding:17px;display:grid}.facts b{margin-top:5px;display:block}article{border-top:1px solid #e8ece9;padding:19px 0}article p,article li{color:#4e5e54;line-height:1.65}article h3{font-size:15px}.article-title button{color:#52645a;cursor:pointer;background:0 0;border:0}.action{background:#f1f7e0;border:0;border-radius:10px;margin-top:6px;padding:18px}.caller dl{grid-template-columns:85px 1fr;gap:13px 8px;margin:18px 0 0;display:grid}.caller dt{color:#7d8981}.caller dd{margin:0;font-weight:600}.transcript textarea{resize:vertical;border:1px solid #dce2dd;border-radius:9px;width:100%;min-height:230px;margin:10px 0;padding:12px;font:13px/1.6 inherit}.analyze-btn{justify-content:center;width:100%}.primary:disabled{opacity:.6}@media (width<=900px){.app{grid-template-columns:1fr}.app>aside{display:none}main{padding:24px}.metrics{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.tr{grid-template-columns:1.2fr 2fr 1fr}.tr span:nth-child(3),.tr span:nth-child(5),.tr span:nth-child(6){display:none}.panel-top{flex-wrap:wrap}.search{min-width:100%}}@media (width<=700px){:root{background:#f5f7f4}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,select,input,textarea,label{touch-action:manipulation}.app{min-height:100dvh;display:block}.app>aside{z-index:50;height:calc(70px + env(safe-area-inset-bottom));padding:8px 18px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10251bf7;border-top:1px solid #2e4639;position:fixed;inset:auto 0 0;display:flex!important}.app>aside .brand,.app>aside .profile{display:none}.app>aside nav{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:0;display:grid}.app>aside nav button,.app>aside .upload-nav{border-radius:12px;flex-direction:column;justify-content:center;gap:3px;min-height:50px;padding:5px;font-size:11px}.app>aside nav svg{width:20px;height:20px}main{padding:calc(18px + env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom));max-width:none;min-height:100dvh}main>header:first-of-type{padding:calc(18px + env(safe-area-inset-top)) 16px 17px;color:#fff;background:#10251b;border-radius:0 0 22px 22px;align-items:flex-start;margin:-18px -14px 16px}main>header:first-of-type h1{color:#fff;font-size:25px}main>header:first-of-type p{color:#b9c9c0;margin-bottom:0;font-size:13px}main>header:first-of-type .eyebrow{color:#d8f13e!important}main>header:first-of-type .top-actions{align-items:flex-end}main>header:first-of-type .signed-in{color:#b9c9c0;text-overflow:ellipsis;max-width:90px;overflow:hidden}main>header:first-of-type .top-actions>.primary{display:none}main>header:first-of-type .secondary{color:#fff;background:#20382c;border-color:#486052;padding:9px 11px}.toast{top:auto;left:14px;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:12px;max-width:none;position:fixed;box-shadow:0 12px 35px #0004}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.metrics div{border-radius:13px;padding:14px}.metrics strong{font-size:23px}.metrics span{font-size:11px}.panel{border-radius:15px}.panel-top{grid-template-columns:1fr 1fr 44px;gap:8px;padding:11px;display:grid}.panel-top .search{grid-column:1/-1;min-width:0}.panel-top select{width:100%;min-width:0;font-size:12px}.panel-top .icon-btn{justify-content:center;width:44px;height:42px;padding:0}.table{gap:9px;padding:9px;display:grid}.tr.th{display:none}.tr:not(.th){border:1px solid #e2e8e3;border-radius:13px;grid-template-columns:1fr auto;gap:9px 12px;padding:15px;display:grid;box-shadow:0 3px 10px #1830200c}.tr:not(.th)>span{display:block!important}.tr:not(.th)>span:first-child{text-align:right;color:#718078;grid-area:1/2;font-size:11px}.tr:not(.th)>span:nth-child(2){grid-area:1/1}.tr:not(.th)>span:nth-child(3){color:#64736a;grid-area:2/1/auto/-1;font-size:12px}.tr:not(.th)>span:nth-child(4){grid-area:3/1}.tr:not(.th)>span:nth-child(5){text-align:right;grid-area:3/2}.tr:not(.th)>span:nth-child(6){display:none!important}.back{min-height:42px;margin-bottom:8px}.detail-head{margin-bottom:14px;padding-bottom:14px;display:block}.detail-head h1{font-size:26px}.head-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.head-actions .secondary,.head-actions select{justify-content:center;width:100%;min-height:44px}.detail-grid{flex-direction:column;gap:12px;display:flex}.detail-grid .analysis{order:2}.detail-grid .right{order:1;gap:12px}.analysis,.caller,.transcript,.player{padding:18px}.caller dl{grid-template-columns:80px 1fr}.facts{grid-template-columns:1fr;gap:14px}.progress{align-items:flex-start}.history>div{display:block}.history span{margin-top:3px;display:block}.edit-form{grid-template-columns:1fr}.edit-form .wide{grid-column:1}.transcript textarea{min-height:180px;font-size:16px}.analyze-btn,audio{min-height:48px}.auth-page{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom));align-items:center}.auth-card{border-radius:20px;padding:27px 21px}.auth-card h1{font-size:28px}.auth-card input{min-height:48px;font-size:16px}.auth-card form .primary{min-height:48px}}@media (width<=370px){.metrics,.head-actions{grid-template-columns:1fr}}
