@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
.pw-app{font-family:Inter,Arial,sans-serif;color:#172b4d;background:#f6f9ff;border:1px solid #e7eaf0;border-radius:18px;max-width:none;width:100%;margin:auto;padding:22px;min-height:650px}.pw-app *{box-sizing:border-box}.pw-app h1{font-size:24px;margin:0}.pw-app h2{font-size:16px;margin:0 0 15px}.pw-app h3{font-size:14px}.pw-app small,.pw-muted,.pw-sub,.pw-intro p{color:#768090;font-size:12px}.pw-header,.pw-row,.pw-line,.pw-brand,.pw-topright{display:flex;align-items:center;justify-content:space-between;gap:12px}.pw-brand{justify-content:start}.pw-brand>div{display:grid;gap:2px}.pw-logo{background:#1769e0;color:white;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:800}.pw-lang{border:1px solid #e7eaf0;border-radius:8px;padding:5px 9px}.pw-logout,.pw-link{color:#768090;font-size:12px}.pw-nav{display:flex;gap:7px;border-bottom:1px solid #e7eaf0;margin:22px 0;padding-bottom:12px}.pw-nav button{border:0;background:transparent;padding:10px 14px;border-radius:10px;color:#77808e;cursor:pointer}.pw-nav button.on{background:#e5efff;color:#222b38;font-weight:700}.pw-navicon{margin-right:7px}.pw-page{display:grid;gap:16px}.pw-intro p{margin:6px 0}.pw-card,.pw-stats>div{background:white;border:1px solid #e7eaf0;border-radius:15px;padding:20px;min-width:0}.pw-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pw-stats>div{display:grid;gap:7px}.pw-stats b{font-size:22px;overflow-wrap:anywhere}.pw-clock{font-size:46px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;margin:24px 0 5px}.pw-sub{text-align:center}.pw-pill{background:#f1f3f6;border-radius:20px;padding:5px 9px;font-size:11px;white-space:nowrap}.pw-pill.green{background:#e4f6ec;color:#187647}.pw-app label{display:grid;gap:6px;font-size:12px;font-weight:600;margin:10px 0}.pw-app input,.pw-app select,.pw-app textarea{width:100%;min-width:0;border:1px solid #dce1e8;border-radius:9px;padding:10px 12px;background:white;color:#222b38;font:inherit;font-size:13px}.pw-app input:focus,.pw-app select:focus,.pw-app textarea:focus{outline:2px solid #8ab7fa}.pw-btn{border:0;border-radius:9px;background:#1769e0;color:white;padding:11px 15px;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.pw-btn.secondary,.pw-btn.ghost{background:#edf0f4;color:#222b38}.pw-btn:disabled{opacity:.4}.pw-btn.full{width:100%;margin-top:12px}.pw-actions{display:flex;gap:10px;margin:15px 0}.pw-actions button{flex:1}.pw-line{padding:13px 0;border-bottom:1px solid #e7eaf0;align-items:flex-start}.pw-line:last-child{border:0}.pw-line>div{display:grid;gap:4px}.pw-line b{font-size:13px}.pw-right{text-align:right}.pw-project{padding:12px 0;border-bottom:1px solid #e7eaf0}.pw-project:last-child{border:0}.pw-project b{font-size:14px}.pw-progress{height:7px;background:#e9edf2;border-radius:10px;overflow:hidden;margin:12px 0 6px}.pw-progress span{height:100%;display:block;background:#2679ec}.pw-inlineform,.pw-formrow,.pw-task{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pw-inlineform>input{flex:1;min-width:150px}.pw-inlineform label,.pw-formrow label{flex:1;min-width:120px}.pw-task{padding:10px 0;border-bottom:1px solid #e7eaf0}.pw-task>div{flex:1;display:grid;gap:3px}.pw-task select{width:130px}.pw-task input[type=number]{width:75px}.pw-link{background:none;border:0;cursor:pointer}.pw-chat{display:flex;flex-direction:column;gap:10px;max-height:440px;overflow:auto}.pw-bubble{align-self:flex-start;max-width:85%;padding:12px;border-radius:12px;background:#f1f3f6;overflow-wrap:anywhere}.pw-bubble.mine{align-self:flex-end;background:#e2eeff}.pw-bubble p{font-size:13px;white-space:pre-wrap}.pw-messageform{display:flex;gap:10px;align-items:end;margin-top:15px}.pw-messageform textarea{flex:1}.pw-login{max-width:400px;margin:30px auto;padding:25px;border:1px solid #e7eaf0;border-radius:16px}.pw-error{color:#b91c1c;padding:20px}@media(max-width:700px){.pw-app{border:0;border-radius:0;padding:14px 12px 95px;min-height:100vh}.pw-nav{position:fixed;z-index:20;bottom:8px;left:9px;right:9px;background:white;border:1px solid #e7eaf0;border-radius:15px;margin:0;padding:5px;justify-content:space-around;box-shadow:0 3px 18px #0001}.pw-nav button{flex:1;display:grid;justify-items:center;gap:2px;font-size:10px;padding:8px 3px}.pw-navicon{font-size:20px;margin:0}.pw-header{margin-bottom:24px}.pw-columns{grid-template-columns:1fr}.pw-stats{gap:7px}.pw-stats>div{padding:12px 8px}.pw-stats b{font-size:17px}.pw-card{padding:15px}.pw-clock{font-size:40px}.pw-task>div{flex-basis:100%}.pw-inlineform>*{flex-basis:100%!important}.pw-messageform{flex-direction:column;align-items:stretch}.pw-app h1{font-size:21px}}

.pw-send-actions{display:flex;gap:9px;flex-wrap:wrap}.pw-bubble details{font-size:12px;color:#526582;margin-top:7px}.pw-app .pw-btn:focus-visible,.pw-app button:focus-visible{outline:3px solid #7aafff;outline-offset:2px}.pw-app{margin:0 auto;max-width:100%;padding:clamp(16px,2.5vw,36px)}.pw-page{width:100%}.pw-app .pw-card{box-shadow:0 3px 16px rgba(27,96,195,.035)}@media(max-width:700px){.pw-app{padding:16px 14px 95px}.pw-send-actions{width:100%}.pw-send-actions .pw-btn{flex:1}}
/* v1.2 modern dedicated workspace authentication */
.pw-login-shell,.pw-login-shell *{box-sizing:border-box}.pw-login-shell{font-family:Inter,Arial,sans-serif;width:100%;max-width:none;margin:0 auto;padding:clamp(12px,2vw,32px);background:linear-gradient(125deg,#e9f2ff,#f9fbff);color:#0d1a3e}.pw-auth-layout{max-width:1540px;margin:0 auto;min-height:790px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 60px rgba(30,82,170,.13)}.pw-auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4vw,68px);background:radial-gradient(circle at 90% 15%,#2494ff 0,transparent 45%),linear-gradient(150deg,#1869ed 0%,#0543b7 75%,#06328b 100%);color:#fff}.pw-auth-brand:after{content:"";position:absolute;right:-100px;bottom:-110px;width:420px;height:280px;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-22deg);pointer-events:none}.pw-auth-brand-top{display:flex;align-items:center;gap:18px;z-index:1}.pw-auth-logo{height:70px;width:70px;border-radius:19px;background:#ffffff2b;display:grid;place-items:center;font-size:45px;font-weight:800;color:#fff}.pw-auth-brand-top strong{display:block;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-1.2px}.pw-auth-brand-top small{display:block;font-size:13px;margin-top:10px;opacity:.88}.pw-auth-brand-main{z-index:1}.pw-auth-brand-main h2{color:white;font-size:clamp(30px,3vw,46px);line-height:1.2;font-weight:750;letter-spacing:-1px;margin:0 0 18px}.pw-auth-brand-main>p{font-size:17px;line-height:1.8;color:#e4eeff;margin:0 0 34px}.pw-auth-features{display:grid;grid-template-columns:1fr 1fr;gap:26px 16px}.pw-auth-feature{display:flex;gap:12px;align-items:center}.pw-auth-feature-icon{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#ffffff22;border:1px solid #ffffff20;font-weight:700;font-size:21px}.pw-auth-feature b,.pw-auth-feature small{display:block;color:white}.pw-auth-feature b{font-size:13px}.pw-auth-feature small{font-size:11px;opacity:.84;margin-top:4px}.pw-auth-brand-bottom{display:grid;gap:8px;z-index:1;font-size:13px}.pw-auth-brand-bottom span{width:44px;height:2px;background:white;margin-bottom:8px}.pw-auth-brand-bottom small{opacity:.85}.pw-auth-form-side{padding:clamp(25px,4vw,65px);display:flex;flex-direction:column}.pw-auth-language{display:flex;justify-content:flex-end;gap:8px}.pw-auth-language a{font-size:13px;padding:10px 15px;border:1px solid #e3eaf5;border-radius:13px;color:#22365d;text-decoration:none}.pw-auth-language a.selected{color:#075be7;background:#e8f1ff;border-color:#e8f1ff;font-weight:600}.pw-auth-form-content{width:100%;max-width:540px;margin:auto}.pw-auth-form-content h1{font-size:clamp(32px,3vw,45px);font-weight:750;color:#0c1737;margin:0 0 12px;line-height:1.2}.pw-auth-desc{font-size:16px;line-height:1.75;color:#6c7c9e;margin:0 0 36px}.pw-auth-form{display:flex;flex-direction:column;gap:0}.pw-auth-form>label{font-size:14px;color:#0c1737;margin:0 0 10px;font-weight:500}.pw-auth-form>input,.pw-password-wrap input{width:100%;height:56px;background:#fff;border:1px solid #d7e1f1;border-radius:12px;padding:0 18px;font-family:inherit;font-size:14px;color:#0c1737;outline:none;box-shadow:none}.pw-auth-form>input{margin-bottom:24px}.pw-auth-form input:focus{border-color:#176ef5;box-shadow:0 0 0 3px #176ef51a}.pw-password-wrap{position:relative}.pw-password-wrap input{padding-right:56px}.pw-password-toggle{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:transparent;color:#667da9;cursor:pointer;font-size:20px}.pw-auth-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0}.pw-auth-options a{font-size:13px;color:#075be7;text-decoration:none}.pw-remember{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.pw-remember input{accent-color:#1169ed;width:17px;height:17px}.pw-auth-submit{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:58px;border:0;border-radius:12px;background:linear-gradient(100deg,#2795ff,#0653e6);color:white;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 7px 18px #075be72b}.pw-auth-submit span{position:absolute;right:24px;font-size:25px}.pw-auth-submit:hover{filter:brightness(1.05)}.pw-auth-secure{display:flex;align-items:center;gap:16px;background:#edf5ff;border-radius:15px;padding:18px;margin-top:42px}.pw-auth-secure>span{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#dbeaff;color:#0856dc;border-radius:12px;font-size:28px}.pw-auth-secure b,.pw-auth-secure small{display:block}.pw-auth-secure b{font-size:14px;color:#075be7}.pw-auth-secure small{font-size:12px;color:#64779c;margin-top:5px;line-height:1.5}.pw-auth-alert{background:#fff0f0;border:1px solid #f2caca;color:#9c2525;padding:13px 16px;border-radius:10px;margin-bottom:20px;font:14px Poppins,sans-serif}.pw-app{width:100%;max-width:none}@media(max-width:900px){.pw-auth-layout{grid-template-columns:1fr;min-height:0}.pw-auth-brand{padding:28px}.pw-auth-brand-main,.pw-auth-brand-bottom{display:none}.pw-auth-logo{width:48px;height:48px;font-size:29px}.pw-auth-brand-top strong{font-size:25px}.pw-auth-form-side{padding:30px}.pw-auth-form-content{padding:40px 0 10px}}@media(max-width:520px){.pw-login-shell{padding:0;background:#fff}.pw-auth-layout{border-radius:0;box-shadow:none}.pw-auth-brand{padding:22px}.pw-auth-brand-top small{font-size:10px}.pw-auth-form-side{padding:20px}.pw-auth-language{justify-content:center}.pw-auth-form-content{padding:45px 0 20px}.pw-auth-form-content h1{font-size:30px}.pw-auth-desc{font-size:14px}.pw-auth-secure{margin-top:28px}}

/* v1.3 corporate refinement */
.pw-app{font-family:Inter,Arial,sans-serif;letter-spacing:-.012em;color:#182943}.pw-app h1,.pw-app h2,.pw-app h3{font-weight:700;letter-spacing:-.025em}.pw-app .pw-btn{font-weight:650}.pw-nav button{font-weight:600;font-size:13px}.pw-navicon{font-size:20px;font-weight:800;color:#2563eb;vertical-align:middle}.pw-report-item{border-bottom:1px solid #e5eaf3;padding:17px 0}.pw-report-item:last-child{border:0}.pw-report-item p{white-space:pre-wrap;font-size:14px;line-height:1.65}.pw-upload-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#2458a6;font-size:13px;font-weight:600}.pw-upload-label input{max-width:100%;font-size:12px}.pw-file{display:inline-flex;align-items:center;padding:8px 11px;background:#eef5ff;border-radius:8px;color:#1956b8;font-size:12px;margin:4px 5px 4px 0;text-decoration:none}.pw-report-form{display:grid;gap:12px}.pw-report-form label{display:grid;gap:7px}.pw-report-form select,.pw-report-form textarea{width:100%;min-height:44px;border:1px solid #dce4f1;border-radius:9px;padding:11px;font:inherit}.pw-report-form textarea{min-height:120px}.pw-chat .pw-file{background:#edf3ff}@media(max-width:750px){.pw-nav{overflow-x:auto}.pw-nav button{white-space:nowrap}}

/* v1.4 polished navigation and time tracking */
.pw-app{--pw-blue:#175cd3;--pw-border:#dce5f1;--pw-shadow:0 8px 28px rgba(15,42,80,.055)}
.pw-app .pw-header{border:1px solid var(--pw-border);border-radius:16px;padding:17px 22px;background:#fff;box-shadow:var(--pw-shadow);margin-bottom:12px}
.pw-app .pw-nav{border:1px solid var(--pw-border);border-radius:14px;padding:7px;box-shadow:var(--pw-shadow);background:#fff;gap:5px;margin-bottom:24px;display:flex;flex-wrap:wrap}
.pw-app .pw-nav button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:10px 13px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;color:#52637c}
.pw-app .pw-nav button:hover{background:#edf4ff;border-color:#d4e4ff;color:#1558ce;transform:translateY(-1px)}
.pw-app .pw-nav button.on{background:#e8f1ff;border-color:#bfd7ff;color:#1258cf;box-shadow:inset 0 0 0 1px #d4e4ff}
.pw-app .pw-svg{display:inline-block;flex-shrink:0;vertical-align:middle}
.pw-app .pw-card{border:1px solid var(--pw-border);border-radius:16px;box-shadow:var(--pw-shadow);transition:border-color .2s,box-shadow .2s}
.pw-app .pw-card:hover{border-color:#c8d8ed;box-shadow:0 10px 30px rgba(15,42,80,.075)}
.pw-app .pw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .18s,transform .18s,box-shadow .18s}
.pw-app .pw-btn:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 5px 15px #174fbc24}
.pw-app .pw-btn:focus-visible,.pw-app .pw-nav button:focus-visible{outline:3px solid #9ec2ff;outline-offset:2px}
.pw-app .pw-tracking-cta{margin:16px 0}.pw-app .pw-tracking-cta .pw-btn{padding:14px 20px}
.pw-app .pw-session-record{border-top:1px solid #e3eaf3;padding:19px 0}.pw-app .pw-session-record:first-of-type{margin-top:15px}
.pw-app .pw-session-edit{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) auto;align-items:end;gap:12px;margin-top:13px}
.pw-app .pw-session-edit label{display:grid;gap:6px;font-size:12px;color:#52637c;font-weight:600}
.pw-app .pw-session-edit input{width:100%;min-width:0;padding:10px;border:1px solid #d8e3f1;border-radius:9px;font:inherit}
.pw-app .pw-session-actions{display:flex;gap:8px;flex-wrap:wrap}.pw-app .pw-danger{background:#fff2f2;color:#ac2935;border:1px solid #f5d0d3}
@media(max-width:850px){.pw-app .pw-session-edit{grid-template-columns:1fr}.pw-app .pw-nav{position:static;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start}.pw-app .pw-nav button{flex:0 0 auto;white-space:nowrap}.pw-app{padding-bottom:35px}}

/* Notification sound toggle */
#pw-app .pw-sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #dbe5f2;border-radius:11px;background:#fff;cursor:pointer;transition:background .18s,border-color .18s,transform .18s;font-size:17px}#pw-app .pw-sound-toggle:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px)}#pw-app .pw-sound-toggle:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
