*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif}body{background:#f0f2f5}.nav{background:#33344a;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000040}.nlogo{width:34px;height:34px;background:#6264a7;border-radius:8px;color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px}.ntabs{display:flex;gap:2px;background:#ffffff1a;border-radius:6px;padding:3px}.ntab{padding:6px 14px;border-radius:4px;cursor:pointer;font-size:12px;color:#cac9c8;border:none;background:transparent;font-weight:500;font-family:inherit;transition:all .15s}.ntab.on{background:#6264a7;color:#fff;font-weight:700}.uav{width:30px;height:30px;background:#6264a7;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:5px;border:1px solid #d1d5db;background:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:inherit;transition:opacity .15s}.btn:hover{opacity:.85}.b-blue{background:#6264a7!important;color:#fff!important;border-color:#6264a7!important}.b-green{background:#237b4b!important;color:#fff!important;border-color:#237b4b!important}.b-amber{background:#faeeda!important;color:#633806!important;border-color:#d97706!important}.b-red{border-color:#c4314b!important;color:#c4314b!important;background:#fff!important}.b-sm{padding:5px 10px!important;font-size:11px!important}.b-xs{padding:3px 8px!important;font-size:10px!important}.inp{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:5px;font-size:13px;color:#252424;background:#fff;font-family:inherit;transition:border .15s}.inp:focus{outline:none;border-color:#6264a7;box-shadow:0 0 0 3px #6264a71f}textarea.inp{height:70px;resize:vertical}.lbl{font-size:10px;font-weight:700;color:#605e5c;margin-bottom:4px;display:block;text-transform:uppercase;letter-spacing:.05em}.req{color:#c4314b}.lock{background:#f5f5f5;padding:8px 10px;border:1px solid #E8E8E8;border-radius:5px;font-size:13px;color:#605e5c}.lock b{color:#6264a7}.sec{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6264a7;border-bottom:2px solid #EEF2FF;padding-bottom:5px;margin:16px 0 12px}.content{padding:14px;max-width:1140px;margin:0 auto}.card{background:#fff;border:1px solid #E1E1E1;border-radius:8px;padding:20px;margin-bottom:12px;box-shadow:0 1px 4px #0000000f}.ft{width:100%;border-collapse:collapse;margin-bottom:8px}.ft td{padding:4px 5px;vertical-align:top}.ft td:first-child{padding-left:0}.ft td:last-child{padding-right:0}.pre{display:table;width:100%}.pre-t{display:table-cell;background:#f5f5f5;padding:8px 10px;border:1px solid #d1d5db;border-right:none;border-radius:5px 0 0 5px;font-size:13px;color:#605e5c;white-space:nowrap;width:1%;vertical-align:middle}.pre-m{display:table-cell;width:100%}.pre-m .inp{border-radius:0 5px 5px 0!important}.chips{display:flex;flex-wrap:wrap;gap:5px;min-height:6px;margin-bottom:6px}.chip{display:inline-flex;align-items:center;gap:4px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:4px;padding:4px 9px;font-size:12px;color:#3730a3;font-weight:600}.chipx{cursor:pointer;font-size:14px;line-height:1;color:#6264a7;margin-left:3px}.chipx:hover{color:#c4314b}.sug-wrap{position:relative}.sug-list{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E1E1E1;border-top:none;border-radius:0 0 6px 6px;z-index:300;max-height:180px;overflow-y:auto;box-shadow:0 6px 16px #0000001f}.sug-item{padding:9px 12px;cursor:pointer;border-bottom:1px solid #F5F5F5;font-size:13px}.sug-item:hover{background:#eef2ff}.sug-name{font-weight:600;color:#252424}.sug-email{font-size:11px;color:#605e5c;margin-top:1px}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.s-open{background:#eef2ff;color:#3730a3}.s-prog{background:#fef9c3;color:#713f12}.s-hold{background:#f3f4f6;color:#374151}.s-pend{background:#fdf4ff;color:#6b21a8}.s-closed{background:#dcfce7;color:#14532d}.p-urgent{background:#fee2e2;color:#7f1d1d}.p-high{background:#fef3c7;color:#78350f}.p-medium{background:#dbeafe;color:#1e3a8a}.p-low{background:#f3f4f6;color:#374151}.cpill{background:#f5f5f5;color:#605e5c;display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}.suc-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;line-height:64px;text-align:center;font-size:30px;color:#237b4b;margin:0 auto 14px}.tkt-box{background:#eef2ff;border:1px solid #C7D2FE;border-radius:8px;padding:14px 32px;display:inline-block;margin-bottom:16px}.tkt-num{font-size:52px;font-weight:700;color:#33344a;font-family:Courier New,monospace;letter-spacing:4px}.tkt-card{border:1px solid #E1E1E1;border-radius:8px;padding:14px;margin-bottom:10px;border-left:4px solid #6264A7;background:#fff;transition:box-shadow .15s}.tkt-card:hover{box-shadow:0 3px 10px #00000014}.tkt-card.urg{border-left-color:#c4314b}.tkt-card.cls{border-left-color:#237b4b}.dot{width:22px;height:22px;border-radius:50%;display:inline-block;text-align:center;line-height:22px;font-size:11px}.d-done{background:#dcfce7;color:#237b4b}.d-act{background:#eef2ff;color:#6264a7}.d-idle{background:#f5f5f5;color:#aaa}.tktbl{width:100%;border-collapse:collapse;font-size:12px}.tktbl thead tr{background:#f8f9ff;border-bottom:2px solid #E1E1E1}.tktbl th{padding:9px 8px;font-size:10px;font-weight:700;color:#605e5c;text-align:left;text-transform:uppercase;white-space:nowrap}.tktbl tbody tr{border-bottom:1px solid #F0F0F0;transition:background .1s}.tktbl tbody tr:hover td{background:#f9f9fc}.tktbl td{padding:8px;vertical-align:middle}.tid{font-family:Courier New,monospace;font-size:13px;color:#6264a7;font-weight:700}.dok{font-size:11px;color:#237b4b;font-weight:700}.dw{font-size:11px;color:#d97706;font-weight:700}.do{font-size:11px;color:#c4314b;font-weight:700}.dn{font-size:11px;color:#aaa}.ep{background:#f8f9ff;border:2px solid #6264A7;border-radius:8px;padding:18px;margin-bottom:12px}.elock{background:#f5f5f5;padding:6px 10px;border:1px solid #E1E1E1;border-radius:5px;font-size:12px;color:#605e5c}.sumbar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.sc{background:#fff;border:1px solid #E1E1E1;border-radius:8px;padding:10px 8px;text-align:center}.scv{font-size:22px;font-weight:700}.scl{font-size:10px;color:#605e5c;margin-top:2px;font-weight:600}.al{padding:9px 12px;border-radius:5px;font-size:12px;margin-bottom:6px}.al-w{background:#fffbeb;border:1px solid #FDE68A;color:#92400e}.al-p{background:#fdf4ff;border:1px solid #DDD6FE;color:#5b21b6}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;background:#33344a;color:#fff;padding:11px 22px;border-radius:6px;font-size:13px;font-weight:700;display:none;text-align:center;box-shadow:0 4px 16px #00000040;min-width:280px}.toast.ok{background:#237b4b}.toast.warn{background:#c4314b}.mbar{background:#eef2ff;border:1px solid #C7D2FE;border-radius:6px;padding:12px 16px;font-size:12px;color:#33344a;margin-bottom:10px;display:none}.lwrap{display:flex;align-items:center;justify-content:center;min-height:82vh}.lcard{background:#fff;border:1px solid #E1E1E1;border-radius:10px;padding:32px;width:340px;text-align:center;box-shadow:0 4px 20px #00000014}.cc-card{background:#fff;border:1px solid #FECACA;border-radius:8px;padding:16px;margin-bottom:12px}.ml-card{background:#fff;border:1px solid #E1E1E1;border-radius:8px;padding:16px;margin-bottom:12px}.srch{flex:1;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #E1E1E1;border-radius:5px;padding:7px 12px}.srch input{border:none;outline:none;width:100%;font-size:13px;font-family:inherit}.fsel{padding:7px 10px;border:1px solid #E1E1E1;border-radius:5px;font-size:12px;background:#fff;font-family:inherit}.empty{padding:36px;text-align:center;color:#aaa;font-size:13px}.pg{display:none}.pg.on{display:block}.att-zone{border:2px dashed #C7D2FE;border-radius:8px;padding:18px;text-align:center;cursor:pointer;background:#f8f9ff;transition:all .2s;margin-top:6px}.att-zone:hover,.att-zone.drag{border-color:#6264a7;background:#eef2ff}.att-zone input[type=file]{display:none}.att-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.att-item{display:flex;align-items:center;gap:6px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:5px;padding:5px 10px;font-size:11px;color:#3730a3;font-weight:600}.att-item a{color:#3730a3;text-decoration:none}.att-item a:hover{text-decoration:underline}.att-rm{cursor:pointer;color:#6264a7;font-size:13px;line-height:1}.att-rm:hover{color:#c4314b}.att-img{width:36px;height:36px;object-fit:cover;border-radius:3px;border:1px solid #C7D2FE}.cfg-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F0F0F0}.cfg-lbl{flex:1;font-size:12px;color:#252424;font-weight:600}.cfg-hint{font-size:11px;color:#888;font-weight:400;display:block}.rem-badge{display:inline-block;background:#fef3c7;color:#92400e;border:1px solid #FCD34D;border-radius:3px;font-size:9px;font-weight:700;padding:1px 5px;margin-left:4px;text-transform:uppercase}.sp-ok{color:#237b4b;font-weight:700;font-size:11px}.sp-err{color:#c4314b;font-weight:700;font-size:11px}.sp-off{color:#aaa;font-size:11px}@media(max-width:600px){.sumbar{grid-template-columns:repeat(3,1fr)}.ft{display:block}.ft tr,.ft td{display:block;width:100%!important}.ft td{padding:4px 0}.inp,.sel-box,select,input,textarea{font-size:16px!important;min-height:44px;padding:10px 12px!important}.nav{padding:0 10px!important}.nav span{font-size:14px}button,.btn{min-height:44px;font-size:14px!important}.chip{font-size:13px!important;padding:6px 10px!important}body{font-size:14px}.card,.sec-card{padding:12px!important}}@media(max-width:400px){.inp,.sel-box,select,input,textarea{font-size:16px!important}div[style*="padding:40px"]{padding:20px 16px!important}div[style*="width:380px"]{width:94vw!important}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ntab:focus-visible,.btn:focus-visible,.inp:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #6264A7;outline-offset:2px}.pg{display:block}.spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}