@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#37352f}code{font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,monospace;background:#87837826;padding:2px 6px;border-radius:3px;font-size:85%}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background:#191919;color:#ffffffe6;padding:24px 12px;overflow-y:auto;border-right:1px solid rgba(255,255,255,.06)}.sidebar h1{font-size:14px;font-weight:700;margin-bottom:24px;padding:0 12px;color:#ffffffe6;letter-spacing:-.01em}.nav{list-style:none}.nav li{margin-bottom:2px}.nav a{display:flex;align-items:center;padding:6px 10px;color:#fff9;text-decoration:none;border-radius:3px;transition:all .15s ease;font-size:14px;font-weight:500;gap:8px}.nav a:hover{background:#ffffff14;color:#ffffffe6}.nav a.active{background:#ffffff1a;color:#fff}.main{flex:1;overflow-y:auto;background:#fff}.container{max-width:1100px;margin:0 auto;padding:48px 96px}.header{margin-bottom:32px}.header h2{font-size:32px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em;color:#37352f;line-height:1.2}.header p{color:#37352fa6;font-size:14px;margin-top:8px}.card{background:#fff;border:1px solid rgba(55,53,47,.09);border-radius:3px;padding:32px;margin-bottom:16px;transition:all .15s ease}.card:hover{box-shadow:0 1px 3px #0f0f0f1a}.card h3{font-size:16px;font-weight:600;margin-bottom:20px;color:#37352f;letter-spacing:-.01em}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#37352f}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 10px;border:1px solid rgba(55,53,47,.16);border-radius:3px;font-size:14px;font-family:Inter,sans-serif;background:#fff;color:#37352f;transition:all .15s ease}.form-group textarea{font-family:SF Mono,Monaco,Menlo,monospace;min-height:200px;resize:vertical}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#37352f4d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2383e2;box-shadow:0 0 0 2px #2383e21a}.btn{padding:6px 12px;border:none;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:#2383e2;color:#fff}.btn-primary:hover{background:#1e75d1}.btn-secondary{background:#37352f14;color:#37352f}.btn-secondary:hover{background:#37352f29}.btn:disabled{opacity:.4;cursor:not-allowed}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(55,53,47,.09);font-size:14px}.table th{background:#37352f08;font-weight:600;font-size:12px;color:#37352fa6;text-transform:none;letter-spacing:-.01em}.table tbody tr{transition:background .1s ease}.table tbody tr:hover{background:#37352f08}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:500;letter-spacing:-.01em}.badge-success{background:#2383e21a;color:#2383e2}.badge-warning{background:#ffa1001a;color:#d97706}.badge-error{background:#eb57571a;color:#eb5757}.alert{padding:12px 16px;border-radius:3px;margin-bottom:16px;border-left:3px solid;font-size:14px}.alert-success{background:#10b9811a;color:#059669;border-color:#10b981}.alert-error{background:#ef44441a;color:#dc2626;border-color:#ef4444}.alert-info{background:#2383e21a;color:#1e40af;border-color:#2383e2}.drop-zone{border:1px dashed rgba(55,53,47,.16);border-radius:3px;padding:48px;text-align:center;cursor:pointer;transition:all .15s ease;background:#f2f1ee99}.drop-zone:hover,.drop-zone.active{border-color:#2383e2;background:#2383e20a}.file-list{margin-top:20px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9f9f9;border-radius:4px;margin-bottom:8px}.file-info{flex:1}.file-name{font-weight:500;margin-bottom:4px}.file-meta{font-size:12px;color:#666}.status-bar{position:fixed;bottom:0;left:240px;right:0;background:#fff;border-top:1px solid #eee;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.status-item{display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:80px 20px;color:#37352f73}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.4}.empty-state p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}.error-list{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px;margin-top:8px}.error-list ul{list-style:none;margin:0;padding:0}.error-list li{color:#856404;font-size:13px;margin-bottom:4px}.error-list li:before{content:"• ";margin-right:6px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.pack-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .2s}.pack-card:hover{box-shadow:0 4px 8px #00000026}.pack-thumb{width:100%;height:200px;object-fit:cover;background:#f0f0f0}.pack-info{padding:16px}.pack-title{font-weight:600;margin-bottom:8px}.pack-meta{font-size:13px;color:#666;margin-bottom:4px}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(55,53,47,.1);border-radius:50%;border-top-color:#2383e2;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card h3:hover{opacity:.8}input[type=text],input[type=number],select,textarea{font-family:Inter,sans-serif!important}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}