*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5}.app{max-width:1400px;margin:0 auto;padding:20px}header{display:flex;align-items:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}h1{color:#333}.search-box input{padding:10px 15px;width:300px;border:1px solid #ddd;border-radius:6px;font-size:14px}.btn-add{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-email{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-settings{padding:10px 15px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer}.stats{margin-bottom:15px;color:#666;display:flex;gap:20px;align-items:center}.select-all{display:flex;align-items:center;gap:5px;cursor:pointer}table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th{background:#f8f9fa;font-weight:600}tr:hover{background:#f8f9fa}td{cursor:pointer}.tag{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:12px;margin-right:4px}.file-badge{background:#ffc107;color:#333;padding:2px 8px;border-radius:10px;font-size:12px}.btn-del{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer}.btn-small{background:#17a2b8;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;margin-right:5px}.empty{text-align:center;padding:40px;color:#999}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:12px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-large{width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-footer{margin-top:20px;text-align:right}.modal-content h2{margin-bottom:20px}.modal-content input,.modal-content textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:10px 20px;border-radius:6px;cursor:pointer;border:1px solid #ddd}.btn-primary{background:#007bff;color:#fff;border:none}.btn-edit{background:#ffc107;color:#333;border:none;padding:8px 15px;border-radius:6px;cursor:pointer}.tabs{display:flex;gap:5px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}.tabs button{padding:8px 15px;border:none;background:#f0f0f0;border-radius:6px;cursor:pointer}.tabs button.active{background:#007bff;color:#fff}.tab-content{min-height:200px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-grid div{padding:8px;background:#f9f9f9;border-radius:4px}.notes{margin-top:15px;padding:10px;background:#fffde7;border-radius:6px}.upload-area{margin-bottom:15px}.btn-upload{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f9f9f9;border-radius:6px}.file-icon{font-size:24px}.file-info{flex:1}.file-info a{color:#007bff;text-decoration:none}.file-info small{display:block;color:#999}.email-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.email-item{padding:15px;background:#f9f9f9;border-radius:6px}.email-header{display:flex;justify-content:space-between;margin-bottom:10px}.email-body{color:#666;font-size:14px}.hint{color:#666;font-size:13px;margin-bottom:15px;background:#fff3cd;padding:10px;border-radius:6px}