.kp-shell{min-height:100dvh;background:var(--color-bg);color:var(--color-text);padding-bottom:5.5rem}.kp-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;background:var(--gradient-primary-dark);color:#fff;box-shadow:var(--shadow-sm)}.kp-topbar a{color:inherit;text-decoration:none}.kp-brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1rem}.kp-brand-logo{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;flex-shrink:0;border-radius:var(--radius-full);background:rgba(255,255,255,.16);overflow:hidden}.kp-brand-logo img{width:100%;height:100%;object-fit:contain}.kp-brand small{font-weight:400;font-size:.72rem;opacity:.75}.kp-topbar-actions{display:flex;align-items:center;gap:.5rem}.kp-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border:none;border-radius:var(--radius-full);background:rgba(255,255,255,.14);color:#fff;font-size:.95rem;cursor:pointer;transition:background var(--transition-fast)}.kp-icon-btn:hover{background:rgba(255,255,255,.26)}.kp-dot{position:absolute;top:.15rem;inset-inline-end:.15rem;min-width:1.05rem;height:1.05rem;padding:0 .2rem;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:.62rem;line-height:1.05rem;text-align:center}.kp-main{max-width:900px;margin:0 auto;padding:1.1rem;display:flex;flex-direction:column;gap:1rem}.kp-nav{position:fixed;bottom:0;inset-inline:0;z-index:30;display:flex;justify-content:space-around;padding:.45rem .3rem calc(.45rem + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -6px 22px rgba(15,42,90,.08)}.kp-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:.22rem;padding:.35rem .2rem;border-radius:var(--radius-md);color:var(--color-text-light);font-size:.68rem;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.kp-nav a svg{flex-shrink:0}.kp-nav a[aria-current=page]{color:var(--color-primary);font-weight:700}@media (min-width:900px){.kp-shell{padding-bottom:0}.kp-nav{position:-webkit-sticky;position:sticky;top:4.2rem;inset:auto;flex-direction:column;gap:.2rem;width:200px;height:-moz-fit-content;height:fit-content;padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.kp-nav,.kp-nav a{justify-content:flex-start}.kp-nav a{flex-direction:row;gap:.6rem;padding:.6rem .7rem;font-size:.86rem}.kp-nav a[aria-current=page]{background:var(--color-bg-light)}.kp-body{display:grid;grid-template-columns:200px 1fr;grid-gap:1.2rem;gap:1.2rem;max-width:1080px;margin:0 auto;padding:1.2rem;align-items:start}.kp-main{max-width:none;padding:0}}.kp-card{padding:1.1rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.kp-card-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.9rem}.kp-h1{margin:0;font-size:1.15rem;font-weight:800}.kp-h2{margin:0;font-size:.98rem;font-weight:700}.kp-muted{color:var(--color-text-secondary);font-size:.83rem;line-height:1.9}.kp-hint{color:var(--color-text-light);font-size:.76rem;line-height:1.8}.kp-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem}.kp-label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.kp-input,.kp-select,.kp-textarea{width:100%;padding:.68rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.9rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.kp-input:focus,.kp-select:focus,.kp-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,transparent)}.kp-textarea{min-height:5.5rem;resize:vertical}.kp-row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.7rem;gap:.7rem}.kp-otp{font-size:1.5rem;letter-spacing:.6rem;text-align:center;direction:ltr;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.15rem;border:1px solid transparent;border-radius:var(--radius-full);font:inherit;font-size:.88rem;font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.kp-btn:disabled{opacity:.55;cursor:not-allowed}.kp-btn:not(:disabled):active{transform:translateY(1px)}.kp-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.kp-btn-primary:not(:disabled):hover{box-shadow:var(--shadow-primary-hover)}.kp-btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.kp-btn-ghost:not(:disabled):hover{background:var(--color-surface-hover);color:var(--color-text)}.kp-btn-danger{background:transparent;border-color:var(--color-error);color:var(--color-error)}.kp-btn-danger:not(:disabled):hover{background:var(--color-error);color:#fff}.kp-btn-success{background:var(--color-success);color:#fff}.kp-btn-block{width:100%}.kp-btn-row{display:flex;flex-wrap:wrap;gap:.6rem}.kp-alert{padding:.7rem .9rem;border-radius:var(--radius-lg);font-size:.83rem;line-height:1.85;border:1px solid transparent}.kp-alert-error{background:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:color-mix(in srgb,var(--color-error) 35%,transparent);color:var(--color-error)}.kp-alert-success{background:color-mix(in srgb,var(--color-success) 12%,transparent);border-color:color-mix(in srgb,var(--color-success) 38%,transparent);color:var(--color-success)}.kp-alert-info{background:var(--color-bg-light);border-color:var(--color-border);color:var(--color-text-secondary)}.kp-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .62rem;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;white-space:nowrap}.kp-badge-pending{background:color-mix(in srgb,var(--color-warning) 16%,transparent);color:var(--color-warning)}.kp-badge-assigned{background:color-mix(in srgb,var(--color-info) 16%,transparent);color:var(--color-info)}.kp-badge-active{background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary)}.kp-badge-await{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-secondary-dark)}.kp-badge-done{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.kp-badge-canceled{background:color-mix(in srgb,var(--color-text-light) 18%,transparent);color:var(--color-text-light)}.kp-list{display:flex;flex-direction:column;gap:.7rem}.kp-item{display:block;padding:.9rem 1rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}a.kp-item:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}.kp-item-head{justify-content:space-between;margin-bottom:.4rem}.kp-empty,.kp-item-head{display:flex;align-items:center;gap:.6rem}.kp-empty{flex-direction:column;padding:2.2rem 1rem;text-align:center;color:var(--color-text-light);font-size:.87rem}.kp-empty svg{opacity:.7}.kp-inline-icon{display:inline-flex;align-items:center;gap:.35rem}.kp-inline-icon svg{flex-shrink:0}.kp-check{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.kp-check:hover{border-color:var(--color-primary-light)}.kp-check input{margin-top:.15rem;width:1.1rem;height:1.1rem;accent-color:var(--color-primary);flex-shrink:0}.kp-check-on{border-color:var(--color-primary);background:var(--color-bg-light)}.kp-check-body{flex:1 1;min-width:0}.kp-check-title{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font-size:.87rem;font-weight:600}.kp-check-note{margin-top:.25rem;font-size:.74rem;line-height:1.8;color:var(--color-text-light)}.kp-money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.kp-invoice{display:flex;flex-direction:column;gap:.5rem}.kp-invoice-line{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;font-size:.85rem}.kp-invoice-line span:first-child{color:var(--color-text-secondary)}.kp-invoice-total{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;margin-top:.4rem;padding-top:.7rem;border-top:1px dashed var(--color-border);font-size:1rem;font-weight:800}.kp-invoice-total .kp-money{color:var(--color-primary);font-size:1.1rem}.kp-steps{display:flex;align-items:center;gap:.3rem;margin-bottom:1rem}.kp-step{flex:1 1;height:.3rem;border-radius:var(--radius-full);background:var(--color-border)}.kp-step-on{background:var(--color-primary)}.kp-timeline{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.kp-timeline li{position:relative;padding:0 1.4rem 1rem 0;font-size:.83rem}.kp-timeline li:before{content:"";position:absolute;top:.3rem;inset-inline-start:0;width:.65rem;height:.65rem;border-radius:var(--radius-full);background:var(--color-primary)}.kp-timeline li:after{content:"";position:absolute;top:1.1rem;bottom:0;inset-inline-start:.3rem;width:1px;background:var(--color-border)}.kp-timeline li:last-child{padding-bottom:0}.kp-timeline li:last-child:after{display:none}.kp-timeline time{display:block;margin-top:.15rem;color:var(--color-text-light);font-size:.72rem}.kp-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.6rem;gap:.6rem}.kp-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .5rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);text-align:center}.kp-stat svg{color:var(--color-primary);margin-bottom:.15rem}.kp-stat strong{font-size:1.05rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kp-stat span{color:var(--color-text-light);font-size:.68rem;line-height:1.5}.kp-chat{display:flex;flex-direction:column;gap:.45rem;max-height:22rem;min-height:8rem;overflow-y:auto;padding:.7rem;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-light)}.kp-chat-day{align-self:center;margin:.4rem auto;padding:.15rem .7rem;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-light);font-size:.68rem}.kp-bubble,.kp-chat-day{width:-moz-fit-content;width:fit-content}.kp-bubble{max-width:80%;margin-bottom:.45rem;padding:.5rem .75rem;border-radius:var(--radius-lg);font-size:.85rem;line-height:1.75}.kp-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.kp-bubble-mine{-webkit-margin-start:auto;margin-inline-start:auto;background:var(--gradient-primary);color:#fff;border-end-end-radius:var(--radius-sm)}.kp-bubble-theirs{-webkit-margin-end:auto;margin-inline-end:auto;background:var(--color-surface);border:1px solid var(--color-border-light);color:var(--color-text);border-end-start-radius:var(--radius-sm)}.kp-bubble-meta{display:block;margin-top:.2rem;font-size:.63rem;opacity:.75;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kp-chat-form{display:flex;gap:.5rem;margin-top:.7rem}.kp-chat-form .kp-input{flex:1 1}.kp-chat-form .kp-btn{flex-shrink:0;padding-inline:.9rem}.kp-unread{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .55rem;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:.68rem;font-weight:700;white-space:nowrap}.kp-loading{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:2.5rem 1rem;color:var(--color-text-secondary);font-size:.87rem}.kp-spinner{width:1.1rem;height:1.1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:kp-spin .7s linear infinite}@keyframes kp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.kp-spinner{animation-duration:2s}.kp-btn{transition:none}}.kp-auth{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.2rem;background:var(--color-bg)}.kp-auth-card{width:100%;max-width:400px;padding:1.6rem 1.3rem;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.kp-auth-logo{text-align:center;margin-bottom:1.2rem}.kp-auth-logo strong{display:block;font-size:1.2rem}.kp-auth-logo span{display:block;margin-top:.3rem;color:var(--color-text-secondary);font-size:.82rem}